presskit's footer appears after body

src/static/css/presskit.css

@@ -29,8 +29,6 @@ ul { list-style-position: inside; }
 }
 
 .grid {
-    height: 100vh;
-    width: 100vw;
     display: grid;
     grid-template-columns: auto 800px auto;
     grid-template-rows: 25px 90px 1fr 100px;
@@ -145,7 +143,7 @@ ul { list-style-position: inside; }
 
 .body-row {
     grid-area: 3 / 1 / 4 / 4;
-    background-color: #d08d11;
+    background-color: orange;
 }
 
 .pages {
@@ -200,12 +198,13 @@ ul { list-style-position: inside; }
 
 .footer-row {
     grid-area: 4 / 1 / 5 / 4;
-    background-color: #EC424A;
-    text-align: right;
-    padding-top: 5px;
-    padding-right: 25px;
+    background-color: green;
 }
 
-.footer {
-    background-color: #060d1a; 
+.footer-content {
+    background-color: pink;
+    padding-top: 5px;
+    text-align: right;
+    overflow: hidden;
+    box-shadow: 0 100vh 0 100vh #581845;  
 }