using mentor comment i merged the property of two main selectors in to one and also changed the position of footer in to fixed.

Author: Abduhasen

Wireframe/style.css

@@ -64,11 +64,10 @@ main > *:first-child > img {
 Setting the overall rules for page regions
 https://www.w3.org/WAI/tutorials/page-structure/regions/
 */
-main {
-  max-width: var(--container);
-  margin: 0 auto calc(var(--space) * 4) auto;
-}
 footer {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
   text-align: center;
 }
 /* ====== Articles Grid Layout ====
@@ -79,6 +78,8 @@ https://developer.chrome.com/docs/devtools/css/grid
 https://gridbyexample.com/learn/
 */
 main {
+  max-width: var(--container);
+  margin: 0 auto calc(var(--space) * 4) auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--space);