getting better but i try to get left and right div together in a sing…

…le row
tomasis7 · Sep 4, 2024 · 40da104 · 40da104
1 parent 7240a9b
commit 40da104
Showing 1 changed file with 4 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -6,40 +6,32 @@
         box-sizing: content-box;
         display: flex relative;
         flex-direction: row;
+        justify-content: flex-start;
         margin: 0;
         padding: 0;
       }
       div.top {
         box-sizing: content-box;
 
-        position: absolute;
-        top: 0px;
-        left: 0px;
         width: 100%;
-        height 70px;
+        height: 70px;
         border: 1px solid #a6f932;
       }
       div.left {
         box-sizing: content-box;
+        align-self: auto;
 
-        position: absolute;
-        top: 71px;
-        left: 0px;
         border: 1px solid #142d45;
         width: 50%;
       }
       div.right {
         box-sizing: content-box;
+        align-self: auto;
 
-        position: absolute;
-        top: 71px;
-        right: 0px;
         border: 1px solid #0fa414;
         width: 50%;
       }
       div.bottom {
-        position: absolute;
-        bottom: 0px;
         border: 1px solid #ad4b21;
         width: 100%;
       }