adjust css removing a flexbox

junwei-wong · Aug 9, 2024 · ae935ca · ae935ca
1 parent dadab90
commit ae935ca
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/index.css b/index.css
@@ -28,25 +28,22 @@ body {
 
 
 label {
-  text-align: center;
-  padding: auto 20px;
+  display: inline-block;
+  margin: 7px auto;
+
+  &:first-child {
+    font-size: 22px;
+  }
 
   +label {
     font-size: 15px;
   }
 }
 
-label:first-child {
-  font-size: 22px;
-}
-
 .text-container {
   padding: 5px;
   height: 100%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: space-evenly;
+  text-align: center;
 }
 
 .container {
@@ -65,6 +62,7 @@ label:first-child {
   border-radius: 7px;
   width: 275px;
   height: 275px;
+  margin-bottom: 7px;
 }
 
 .slate-900 {