horizontal line is no visible with no extra space

above it.

Author: burhan-mustafa

Wireframe/style.css

@@ -62,8 +62,7 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 
-footer,
-footer hr {
+footer {
   text-align: center;
   position: fixed;
   bottom: 0;
@@ -73,6 +72,11 @@ footer hr {
   padding: 0;
 }
 
+hr {
+  margin: 0;
+  padding: 0;
+}
+
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
 Inspect this in Devtools and click the "grid" button in the Elements view