From 30288dd2cfe220ae2b6464474baeb7e125270d51 Mon Sep 17 00:00:00 2001
From: SarabjitS <35809229+SarabjitS@users.noreply.github.com>
Date: Sat, 4 Nov 2023 21:52:30 -0230
Subject: [PATCH] remove min-height and min-width from chess-board

---
 style.css | 51 +++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 41 insertions(+), 10 deletions(-)

diff --git a/style.css b/style.css
index 9ea9824..64dff02 100644
--- a/style.css
+++ b/style.css
@@ -282,8 +282,6 @@ h1 {
   border-radius: 0.5rem;
   grid-template-columns: repeat(8, 6.5rem);
   grid-template-rows: repeat(8, 6.5rem);
-  min-height: 52rem;
-  min-width: 52rem;
   overflow: hidden;
   box-shadow: var(--shadow-elevation-high);
 }
@@ -608,8 +606,6 @@ li:nth-child(even) {
     border-radius: 0.5rem;
     grid-template-columns: repeat(8, 7rem);
     grid-template-rows: repeat(8, 7rem);
-    min-height: 56rem;
-    min-width: 56rem;
     overflow: hidden;
   }
 
@@ -674,8 +670,6 @@ li:nth-child(even) {
     border-radius: 0.5rem;
     grid-template-columns: repeat(8, 4.5rem);
     grid-template-rows: repeat(8, 4.5rem);
-    min-height: 36rem;
-    min-width: 36rem;
     overflow: hidden;
   }
 
@@ -783,8 +777,6 @@ li:nth-child(even) {
     border-radius: 0.5rem;
     grid-template-columns: repeat(8, 5.5rem);
     grid-template-rows: repeat(8, 5.5rem);
-    min-height: 44rem;
-    min-width: 44rem;
     overflow: hidden;
   }
 
@@ -842,8 +834,6 @@ li:nth-child(even) {
     border-radius: 0.5rem;
     grid-template-columns: repeat(8, 4.25rem);
     grid-template-rows: repeat(8, 4.25rem);
-    min-height: 34rem;
-    min-width: 34rem;
     overflow: hidden;
   }
 
@@ -911,3 +901,44 @@ li:nth-child(even) {
     transition: transform 0.3s;
   }
 }
+
+@media only screen and (max-width: 360px) {
+  .font-large {
+    font-size: 2.5rem;
+  }
+
+  .font-medium,
+  .accordion-button {
+    font-size: 1.75rem;
+  }
+
+  .accordion-body {
+    font-size: 1.5rem;
+  }
+  .mega-container {
+    grid-template-columns: 30rem;
+    grid-template-rows: 3.6rem 1fr 48rem 40rem;
+  }
+
+  .accordion {
+    min-width: 30rem;
+  }
+
+  .extended-chess-board {
+    min-width: 30rem;
+  }
+
+  .chess-board {
+    grid-template-columns: repeat(8, 3.75rem);
+    grid-template-rows: repeat(8, 3.75rem);
+  }
+
+  .sq {
+    width: 3.75rem;
+    height: 3.75rem;
+  }
+
+  .tutorial {
+    min-width: 30rem;
+  }
+}