codeadamca
diff --git a/‎8-responsive/challenge/challenge.css
Lines changed: 14 additions & 9 deletions b/‎8-responsive/challenge/challenge.css
Lines changed: 14 additions & 9 deletions
diff --git a/‎8-responsive/challenge/images/camping.jpg
79.2 KB b/‎8-responsive/challenge/images/camping.jpg
79.2 KB
@@ -34,14 +34,15 @@ footer {
     max-width: 1200px;
     margin: auto;
 }
+
 @media (max-width: 768px) {
     #container {
         grid-template-areas: 
-        "nav nav"
-        "header header"
-        "main main"
-        "gallery gallery"
-        "footer footer";
+            "nav nav"
+            "header header"
+            "main main"
+            "gallery gallery"
+            "footer footer";
     }
 }
 
@@ -53,15 +54,16 @@ img {
 nav {
     grid-area: nav;
 }
+
 @media (max-width: 768px) {
     nav a {
         display: block;
-        text-align: center;
     }
-    nav .bar {
+    .bar {
         display: none;
     }
 }
+
 header {
     grid-area: header;
     text-align: center;
@@ -71,11 +73,13 @@ header {
 aside {
     grid-area: aside;
 }
+
 @media (max-width: 768px) {
     aside {
         display: none;
     }
 }
+
 main {
     grid-area: main;
 }
@@ -93,12 +97,13 @@ main {
 
 @media (max-width: 768px) {
     #gallery {
-        padding: 0px;
-        background-color: transparent;
+        background: transparent;
+        padding: 0;
         flex-direction: column;
         row-gap: 10px;
     }
 }
+
 footer {
     grid-area: footer;
 }
Original file line number	Diff line number	Diff line change
`@@ -34,14 +34,15 @@ footer {`
`34`	`34`	`max-width: 1200px;`
`35`	`35`	`margin: auto;`
`36`	`36`	`}`
	`37`	`+`
`37`	`38`	`@media (max-width: 768px) {`
`38`	`39`	`#container {`
`39`	`40`	`grid-template-areas:`
`40`		`- "nav nav"`
`41`		`- "header header"`
`42`		`- "main main"`
`43`		`- "gallery gallery"`
`44`		`- "footer footer";`
	`41`	`+ "nav nav"`
	`42`	`+ "header header"`
	`43`	`+ "main main"`
	`44`	`+ "gallery gallery"`
	`45`	`+ "footer footer";`
`45`	`46`	`}`
`46`	`47`	`}`
`47`	`48`
`@@ -53,15 +54,16 @@ img {`
`53`	`54`	`nav {`
`54`	`55`	`grid-area: nav;`
`55`	`56`	`}`
	`57`	`+`
`56`	`58`	`@media (max-width: 768px) {`
`57`	`59`	`nav a {`
`58`	`60`	`display: block;`
`59`		`- text-align: center;`
`60`	`61`	`}`
`61`		`- nav .bar {`
	`62`	`+ .bar {`
`62`	`63`	`display: none;`
`63`	`64`	`}`
`64`	`65`	`}`
	`66`	`+`
`65`	`67`	`header {`
`66`	`68`	`grid-area: header;`
`67`	`69`	`text-align: center;`
`@@ -71,11 +73,13 @@ header {`
`71`	`73`	`aside {`
`72`	`74`	`grid-area: aside;`
`73`	`75`	`}`
	`76`	`+`
`74`	`77`	`@media (max-width: 768px) {`
`75`	`78`	`aside {`
`76`	`79`	`display: none;`
`77`	`80`	`}`
`78`	`81`	`}`
	`82`	`+`
`79`	`83`	`main {`
`80`	`84`	`grid-area: main;`
`81`	`85`	`}`
`@@ -93,12 +97,13 @@ main {`
`93`	`97`
`94`	`98`	`@media (max-width: 768px) {`
`95`	`99`	`#gallery {`
`96`		`- padding: 0px;`
`97`		`- background-color: transparent;`
	`100`	`+ background: transparent;`
	`101`	`+ padding: 0;`
`98`	`102`	`flex-direction: column;`
`99`	`103`	`row-gap: 10px;`
`100`	`104`	`}`
`101`	`105`	`}`
	`106`	`+`
`102`	`107`	`footer {`
`103`	`108`	`grid-area: footer;`
`104`	`109`	`}`