change style in max-width 1280

SarabjitS · Nov 5, 2023 · 9006bd6 · 9006bd6
1 parent ccb7841
commit 9006bd6
Showing 1 changed file with 3 additions and 37 deletions.
diff --git a/style.css b/style.css
@@ -254,6 +254,7 @@ h1 {
     "btn board tutorial"
     "accordion  board tutorial";
   margin: 0rem auto;
+  justify-content: center;
 
   max-width: 125rem;
   /* min-height: 40%; */
@@ -574,30 +575,15 @@ li:nth-child(even) {
 
 /* xl */
 @media (max-width: 1280px) {
-  body {
-    background-image: var(--background);
-  }
-
   .mega-container {
-    margin: 0 auto;
-    padding: 15rem 0rem;
     max-width: 100%;
-    justify-content: center;
-    grid-template-columns: 32rem 48rem;
+    grid-template-columns: 36rem 48rem;
     grid-template-rows: 4rem 1fr 40rem;
     grid-template-areas:
       "btn board"
       "accordion board"
       "tutorial tutorial";
-    column-gap: 10rem;
-  }
-
-  .choose-opening {
-    grid-column: 1/2;
-  }
-
-  .extended-chess-board {
-    min-width: 48rem;
+    gap: 10rem;
   }
 
   .chess-board {
@@ -610,20 +596,6 @@ li:nth-child(even) {
     height: 6rem;
   }
 
-  .container3 {
-    flex-direction: column;
-  }
-
-  .font-large {
-    font-size: 3rem;
-  }
-
-  .font-medium,
-  .accordion-body,
-  .accordion-button {
-    font-size: 1.75rem;
-  }
-
   .tutorial {
     min-width: 40rem;
     grid-column-start: 2;
@@ -655,12 +627,6 @@ li:nth-child(even) {
     grid-column: 1/2;
   }
 
-  .extended-chess-board {
-    min-width: 36rem;
-    /* margin-top: 5rem; */
-    /* padding: 5rem; */
-  }
-
   .chess-board {
     display: grid;
     border-radius: 0.5rem;