Merge pull request #3 from behitek/bugfix/minesweeper-wide-screen-cell-error

fix wide screen error

Author: behitek

src/pages/minesweeper/styles.module.css

@@ -112,12 +112,13 @@
 
 .grid {
   display: grid;
-  gap: 0.5px;
+  gap: 1px;
   background: #34495e;
-  padding: 0.5px;
+  padding: 1px;
   border-radius: 4px;
   width: fit-content;
   margin: 0 auto;
+  grid-template-columns: repeat(auto-fill, 30px);
   overflow-x: auto;
   max-width: 100%;
   -webkit-overflow-scrolling: touch;
@@ -135,6 +136,7 @@
   font-size: 1rem;
   cursor: pointer;
   transition: all 0.2s ease;
+  flex-shrink: 0;
 }
 
 .cell:hover {