change style of max-width 1024

SarabjitS · Nov 5, 2023 · 72dbb31 · 72dbb31
1 parent df3469c
commit 72dbb31
Showing 1 changed file with 5 additions and 17 deletions.
diff --git a/style.css b/style.css
@@ -597,7 +597,8 @@ li:nth-child(even) {
   }
 
   .tutorial {
-    min-width: 40rem;
+    min-width: 100%;
+    min-height: 100%;
     grid-column-start: 2;
   }
 }
@@ -608,43 +609,30 @@ li:nth-child(even) {
     max-width: 100%;
     justify-content: center;
     grid-template-columns: 27rem 36rem;
-    grid-template-rows: 4rem 50rem 40rem;
+    grid-template-rows: 4rem 45rem 40rem;
     grid-template-areas:
       "btn board"
       "accordion board"
       "tutorial tutorial";
-    row-gap: 4rem;
-    column-gap: 5rem;
-  }
-
-  .tutorial {
-    min-width: 40rem;
-    height: 100%;
+    gap: 5rem;
   }
 
   .choose-opening {
     grid-column: 1/2;
   }
 
   .chess-board {
-    display: grid;
-    border-radius: 0.5rem;
     grid-template-columns: repeat(8, 4.5rem);
     grid-template-rows: repeat(8, 4.5rem);
-    overflow: hidden;
   }
 
   .sq {
     width: 4.5rem;
     height: 4.5rem;
   }
 
-  .container3 {
-    flex-direction: column;
-  }
-
   .font-large {
-    font-size: 3rem;
+    font-size: 2.5rem;
   }
 
   .font-medium,