Photo Grid

creating a basic photo grid for a demo blog
martkyle · Jun 2, 2018 · dbb2633 · dbb2633
1 parent 26d649e
commit dbb2633
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/photoGrid.css b/photoGrid.css
@@ -0,0 +1,3 @@
+img { float: left; margin: 1.66%; width: 30%; }
+
+p { border-bottom: 2px solid #f1f1f1; font-family: 'Raleway', sans-serif; font-size: 23px; font-weight: 800; margin-left: 1.66%; padding: 0 0 20px 0; text-transform: uppercase; width: 30% }
diff --git a/photoGrid.html b/photoGrid.html
@@ -3,12 +3,29 @@
 <head>
 	<title>Photo Blog</title>
 	<link rel="stylesheet" type="text/css" href="photoGrid.css">
+	<link href="https://fonts.googleapis.com/css?family=Raleway:400,800" rel="stylesheet">
 </head>
 <body>
 
+<p>My Blog Creation</p>
+
+<!-- Massimo Margagnoni -->
+<img src="http://c1.staticflickr.com/9/8450/8026519634_f33f3724ea_b.jpg" />
+<img src="http://c2.staticflickr.com/8/7218/7209301894_c99d3a33c2_h.jpg" />
+<img src="http://c2.staticflickr.com/8/7231/6947093326_df216540ff_b.jpg" /> 
+
+<!-- Giuseppe Milo -->
+<img src="http://c1.staticflickr.com/9/8788/17367410309_78abb9e5b6_b.jpg" />
+<img src="http://c2.staticflickr.com/6/5814/20700286354_762c19bd3b_b.jpg" />
+<img src="http://c2.staticflickr.com/6/5647/21137202535_404bf25729_b.jpg" /> 
+
+<!-- GorlitzPhotography -->
+<img src="http://c2.staticflickr.com/6/5588/14991687545_5c8e1a2e86_b.jpg" />
+<img src="http://c2.staticflickr.com/4/3888/14878097108_5997041006_b.jpg" />
+<img src="http://c2.staticflickr.com/8/7579/15482110477_0b0e9e5421_b.jpg" />
+
+<!-- All Photos Licensed Under Creative Commons 2.0 -->
+<!-- https://creativecommons.org/licenses/by/2.0/legalcode -->
 
-<!-- Image Links
-http://c1.staticflickr.com/9/8450/8026519634_f33f3724ea_b.jpg http://c2.staticflickr.com/8/7218/7209301894_c99d3a33c2_h.jpg http://c2.staticflickr.com/8/7231/6947093326_df216540ff_b.jpg http://c1.staticflickr.com/9/8788/17367410309_78abb9e5b6_b.jpg http://c2.staticflickr.com/6/5814/20700286354_762c19bd3b_b.jpg http://c2.staticflickr.com/6/5647/21137202535_404bf25729_b.jpg http://c2.staticflickr.com/6/5588/14991687545_5c8e1a2e86_b.jpg http://c2.staticflickr.com/4/3888/14878097108_5997041006_b.jpg http://c2.staticflickr.com/8/7579/15482110477_0b0e9e5421_b.jpg
- -->
 </body>
 </html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		img { float: left; margin: 1.66%; width: 30%; }

		p { border-bottom: 2px solid #f1f1f1; font-family: 'Raleway', sans-serif; font-size: 23px; font-weight: 800; margin-left: 1.66%; padding: 0 0 20px 0; text-transform: uppercase; width: 30% }