css changes

assets/css/styles.css

@@ -3,12 +3,13 @@
 body {
     display: flex;
     flex-wrap: wrap;
+    margin: 0;
     align-items: flex-start;
-    margin: 10px;
-    gap: 10px;
+    padding: 10px;
 }
 
 header, main, footer {
+    margin: 5px;
     display: flex;
     flex-direction: column;
     gap: 10px;
@@ -28,7 +29,8 @@ div {
     box-sizing: border-box;
     border: 1px solid;
     width: 100%;
-    padding: 0 10px;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 h1 {