should work? no?

vuonghy2442 · Apr 10, 2024 · 9346bb4 · 9346bb4
1 parent d9b5686
commit 9346bb4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 33 deletions.
diff --git a/css/style.css b/css/style.css
@@ -70,34 +70,6 @@ html {
   font-size: 30px;
 }
 
-.pad_box {
-  width: 100%;
-  height: 2.5%;
-  background: #040;
-}
-
-#top_row {
-  width: 100%;
-  height: 20%;
-  margin: auto;
-  display: flex;
-  background: #040;
-
-  justify-content: space-evenly;
-}
-
-#top_row > div {
-  height: 100%;
-  aspect-ratio: 2.5/3.5;
-}
-
-.stack {
-  background-color: #0012;
-
-  border-style: solid;
-  border-color: #631;
-}
-
 #deal {
   background-image: url("../images/back.svg");
   background-size: 100%;
@@ -139,6 +111,7 @@ html {
 }
 
 .card_front {
+  transform: rotateY(0deg);
   background-color: #fff;
   background-size: 100%;
 }
@@ -149,22 +122,32 @@ html {
   background-size: 100%;
 }
 
-#tableau {
+#tableau,
+#top_row {
   display: flex;
-  position: absolute;
+  position: relative;
   justify-content: space-evenly;
   height: 20%;
   width: 100%;
   margin-top: 2.5%;
 }
 
+#top_row > div,
 #tableau > div {
   height: 100%;
   aspect-ratio: 2.5/3.5;
+}
+
+#top_row {
+  background: #040;
+}
+
+#tableau > div,
+.stack {
   background-color: #0012;
 
   border-style: solid;
-  border-width: 2px;
+  border-width: 3px;
   border-color: #f75;
 }
 

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