new margin/padding at .module class instead of top

style.css

@@ -1,6 +1,6 @@
 * {
     box-sizing: border-box;
-    padding: 1rem;
+    /* padding: 1rem; */
     margin: 0;
     font-family: "Fira Code VF", monospace;
     line-height: 1.5;
@@ -11,7 +11,7 @@ html,
 body {
     margin: 0;
     height: 100%;
-    padding: 0;
+    /* padding: 0; */
 }
 
 body,
@@ -19,7 +19,7 @@ body,
     display: flex;
     flex-direction: column;
     /* justify-content: center; */
-    align-items: left;
+    /* align-items: left; */
 }
 
 a {
@@ -27,14 +27,14 @@ a {
 }
 
 p {
-    padding: 1rem;
-    float: left;
+    /* padding: 1rem; */
+    /* float: left; */
 }
 
 h1,h2,h3,h4,h5 {
     color: #F1678E;
-    padding: 1rem;
-    float: left;
+    /* padding: 1rem; */
+    /* float: left; */
 }
 
 div {
@@ -137,13 +137,10 @@ button.submit:active {
     background-color: #cb5677;
 }
 
-.module {
-  background-color: #ede2fe;
-}
-
 .module {
   background-color: #ede2fe;
   margin: 1rem;
+  padding: 1rem;
 }
 
 .grid-container {