fix: ensure footer is pushed to the bottom on large screens (#2075)

sibaiper · ShubhamOulkar · web-flow · commit c2f9f5a289db · 2025-10-25T21:00:41.000+05:30
Co-authored-by: shubham oulkar &lt;91728992+ShubhamOulkar@users.noreply.github.com&gt;
diff --git a/css/style.css b/css/style.css
@@ -18,6 +18,7 @@ h1, h2, h3, h4, h5, h6,
 }
 
 body {
+  height: 100vh;
   font: 400 14px/1.6 "Open Sans", sans-serif;
   background: var(--bg);
   margin: 0;
@@ -40,6 +41,7 @@ header {
 }
 
 footer {
+  margin-top: auto;
   grid-area: footer;
 }
 
@@ -1736,3 +1738,4 @@ blockquote {
     border-bottom: 1px solid var(--border);
   }
 }
+

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ h1, h2, h3, h4, h5, h6,`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`body {`
	`21`	`+ height: 100vh;`
`21`	`22`	`font: 400 14px/1.6 "Open Sans", sans-serif;`
`22`	`23`	`background: var(--bg);`
`23`	`24`	`margin: 0;`
`@@ -40,6 +41,7 @@ header {`
`40`	`41`	`}`
`41`	`42`
`42`	`43`	`footer {`
	`44`	`+ margin-top: auto;`
`43`	`45`	`grid-area: footer;`
`44`	`46`	`}`
`45`	`47`
`@@ -1736,3 +1738,4 @@ blockquote {`
`1736`	`1738`	`border-bottom: 1px solid var(--border);`
`1737`	`1739`	`}`
`1738`	`1740`	`}`
	`1741`	`+`