Bug Fix

AmirMohammadPX · Oct 21, 2024 · 2753f99 · 2753f99
1 parent b924975
commit 2753f99
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 27 deletions.
diff --git a/css/style.css b/css/style.css
@@ -39,7 +39,7 @@
 /* Base body styles */
 body {
     font-family: 'Vazirmatn', system-ui, sans-serif;
-    height: 92vh;
+    height: 100vh;
     margin: 0;
     background-color: var(--bg-color);
     color: var(--text-color);
@@ -57,8 +57,8 @@ body {
     padding: 1.5rem;
     border-radius: 1.5rem;
     box-shadow: var(--shadow-lg);
-    max-width: 95vw;
-    max-height: 95vh;
+    max-width: 90vw;
+    max-height: 90vh;
     width: max-content;
     transition: transform 0.3s ease;
 }
@@ -67,7 +67,7 @@ body {
 .container h1 {
     font-size: 1.5rem;
     text-align: center;
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.25rem;
 }
 
 /* Game board layout */
@@ -100,8 +100,8 @@ body {
     aspect-ratio: 1;
     background: var(--cell-bg);
     border-radius: 12px;
-    font-size: clamp(2rem, 8vw, 3rem);
-    font-weight: 600;
+    font-size: 35px;
+    font-weight: 500;
     cursor: pointer;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: var(--shadow-sm);
@@ -113,6 +113,7 @@ body {
     height: 100%;
 }
 
+
 /* Cell hover effect */
 .cell:hover {
     background: var(--cell-hover);
@@ -241,27 +242,11 @@ body {
 }
 
 /* GitHub button styling */
-.github-btn {
+a {
     display: flex;
     align-items: center;
     justify-content: center;
-    position: fixed;
-    bottom: 10px;
-    right: 10px;
-    padding: 0.75rem 1.25rem;
-    background: var(--btn-bg);
     color: white;
-    text-decoration: none;
-    border-radius: 0.75rem;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    box-shadow: var(--shadow-md);
-}
-
-.github-btn:hover {
-    background: var(--btn-hover);
-    transform: translateY(-2px);
-    box-shadow: var(--shadow-lg);
 }
 
 /* Animations */

diff --git a/index.html b/index.html
@@ -60,11 +60,8 @@ <h2>Two Players</h2>
             <button id="reset" class="btn"><i class="bi bi-arrow-repeat"></i> Reset Game</button>
             <button id="changeMode" class="btn"><i class="bi bi-plus-lg"></i> New Game</button>
         </div>
+        <a href="https://github.com/AmirMohammadPX/Tic-Tac-Toe-Game" target="_blank">Github/AmirMohammadPX</a>
     </div>
-    <!-- Github AmirMohammadPX button -->
-    <a href="https://github.com/AmirMohammadPX/Tic-Tac-Toe-Game" target="_blank" class="github-btn">
-        <i class="bi bi-github"></i>&nbsp;Github</a>
-    <!-- Script file -->
     <script src="js/script.js"></script>
 </body>