max-width

luisfreixinho · Apr 9, 2021 · d30ce50 · d30ce50
1 parent 1bcf838
commit d30ce50
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 5 deletions.
diff --git a/astrophotography/index.html b/astrophotography/index.html
@@ -19,6 +19,10 @@ <h2>FREIXO</h2>
 
 				<!-- Main -->
 					<div id="main">
+                        <article class="thumb">
+							<a href="images/fulls/chile6.jpg" class="image"><img src="images/fulls/chile6.jpg" alt="" /></a>
+							<h2>Pisco Elqui, Chile</h2>
+						</article>
 						<article class="thumb">
 							<a href="images/fulls/chile1.JPG" class="image"><img src="images/fulls/chile1.JPG" alt="" /></a>
 							<h2>Pisco Elqui, Chile</h2>
@@ -39,10 +43,6 @@ <h2>Pisco Elqui, Chile</h2>
 							<a href="images/fulls/chile5.jpg" class="image"><img src="images/fulls/chile5.jpg" alt="" /></a>
 							<h2>Pisco Elqui, Chile</h2>
 						</article>
-                        <article class="thumb">
-							<a href="images/fulls/chile6.jpg" class="image"><img src="images/fulls/chile6.jpg" alt="" /></a>
-							<h2>Pisco Elqui, Chile</h2>
-						</article>
                         <article class="thumb">
 							<a href="images/fulls/douro1.jpg" class="image"><img src="images/fulls/douro1.jpg" alt="" /></a>
 							<h2>Cinfães, Portugal</h2>

diff --git a/css/style.css b/css/style.css
@@ -90,4 +90,26 @@ html, body
 .content a:hover{
     color: black;
     background-color: #dcdcdc;
-}
+}
+
+@media screen and (max-width: 736px) {
+
+    .content h1 {
+        font-size: 30px;
+        color: #dcdcdc;
+        text-align: center;
+        letter-spacing: 5px;
+        margin-bottom: 15px;
+    }
+
+    .content a{
+        display: list-item;
+        font-family: 'futuralight', sans-serif;
+        font-size: 20;
+        text-align: center;
+        text-decoration: dotted;
+        color:#dcdcdc;
+        margin-bottom: 20px;
+    }
+
+}