From ae935cab20817ac9cc39487a5eeeda54bf41e07e Mon Sep 17 00:00:00 2001
From: Jun Wei <37428784+junwei-wong@users.noreply.github.com>
Date: Fri, 9 Aug 2024 16:38:56 +1000
Subject: [PATCH] adjust css removing a flexbox

---
 index.css | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/index.css b/index.css
index c3a2cdb..893c1d5 100644
--- 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 {