CodeYourFuture
diff --git a/‎Wireframe/style.css‎
Lines changed: 4 additions & 1 deletion b/‎Wireframe/style.css‎
Lines changed: 4 additions & 1 deletion
@@ -41,6 +41,9 @@ body{
   color: var(--ink);
   font: var(--font);
   text-transform: uppercase;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 a {
@@ -62,11 +65,11 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
 main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
+  flex: 1;
 }
 
 footer{
   text-align: center;
-  max-height: 100vh;
 }
 
 /* ====== Articles Grid Layout ====
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,9 @@ body{`
`41`	`41`	`color: var(--ink);`
`42`	`42`	`font: var(--font);`
`43`	`43`	`text-transform: uppercase;`
	`44`	`+ min-height: 100vh;`
	`45`	`+ display: flex;`
	`46`	`+ flex-direction: column;`
`44`	`47`	`}`
`45`	`48`
`46`	`49`	`a {`
`@@ -62,11 +65,11 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/`
`62`	`65`	`main {`
`63`	`66`	`max-width: var(--container);`
`64`	`67`	`margin: 0 auto calc(var(--space) * 4) auto;`
	`68`	`+ flex: 1;`
`65`	`69`	`}`
`66`	`70`
`67`	`71`	`footer{`
`68`	`72`	`text-align: center;`
`69`		`- max-height: 100vh;`
`70`	`73`	`}`
`71`	`74`
`72`	`75`	`/* ====== Articles Grid Layout ====`