css changes

assets/css/styles.css

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