try to fix for safari :<

vuonghy2442 · Apr 10, 2024 · d9b5686 · d9b5686
1 parent 6f01886
commit d9b5686
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/css/style.css b/css/style.css
@@ -70,18 +70,19 @@ html {
   font-size: 30px;
 }
 
-#top_box {
+.pad_box {
   width: 100%;
-  height: 25%;
+  height: 2.5%;
   background: #040;
-  display: flex;
 }
 
 #top_row {
   width: 100%;
-  height: 80%;
+  height: 20%;
   margin: auto;
   display: flex;
+  background: #040;
+
   justify-content: space-evenly;
 }
 

diff --git a/index.html b/index.html
@@ -21,17 +21,17 @@
 
       <div id="game_main">
         <div id="game_box">
-          <div id="top_box">
-            <div id="top_row">
-              <div id="deal"></div>
-              <div id="waste"></div>
-              <div></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-            </div>
+          <div class="pad_box"></div>
+          <div id="top_row">
+            <div id="deal"></div>
+            <div id="waste"></div>
+            <div></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
           </div>
+          <div class="pad_box"></div>
           <div id="tableau">
             <div></div>
             <div></div>