CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 1 addition & 1 deletion b/‎Wireframe/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎Wireframe/style.css‎
Lines changed: 3 additions & 6 deletions b/‎Wireframe/style.css‎
Lines changed: 3 additions & 6 deletions
@@ -34,7 +34,7 @@ <h2> What is a README File?</h2>
 
     </article>
 
-    <div>
+    <div class="article-grid">
 
       <article>
 
 
@@ -56,10 +56,8 @@ main {
 }
 
 footer {
-  position: fixed;
-  bottom: 0;
   text-align: center;
-  width: 100%;
+  margin-top: var(--space);
 }
 
 /* ====== Articles Grid Layout ====
@@ -102,12 +100,11 @@ article {
   }
 }
 
-section {
-
+.article-grid {
   grid-column: span 2;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 10px;
+  gap: var(--space);
 }
 
 header {
Original file line number	Diff line number	Diff line change
`@@ -56,10 +56,8 @@ main {`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`footer {`
`59`		`- position: fixed;`
`60`		`- bottom: 0;`
`61`	`59`	`text-align: center;`
`62`		`- width: 100%;`
	`60`	`+ margin-top: var(--space);`
`63`	`61`	`}`
`64`	`62`
`65`	`63`	`/* ====== Articles Grid Layout ====`
`@@ -102,12 +100,11 @@ article {`
`102`	`100`	`}`
`103`	`101`	`}`
`104`	`102`
`105`		`-section {`
`106`		`-`
	`103`	`+.article-grid {`
`107`	`104`	`grid-column: span 2;`
`108`	`105`	`display: grid;`
`109`	`106`	`grid-template-columns: 1fr 1fr;`
`110`		`- gap: 10px;`
	`107`	`+ gap: var(--space);`
`111`	`108`	`}`
`112`	`109`
`113`	`110`	`header {`