Html fix sudoku

src/node/html/index.html

@@ -10,7 +10,8 @@
   <main>
     <h1>HTML Sandbox</h1>
     <h2>Sudoku Grid Tailwind Layout</h2>
- <div class="grid grid-cols-3 grid-rows-3 gap-2">
+<div class="container mx-auto w-80 mt-2">
+ <div class="grid grid-cols-3 grid-rows-3 gap-1">
       <div class="item">
         <div class="item__text">1</div>
         <div class="item__text">2</div>
@@ -110,6 +111,7 @@ <h2>Sudoku Grid Tailwind Layout</h2>
         <div class="item__text">8</div>
         <div class="item__text">9</div>
       </div>
+ </div>
   </main>
   <script type="module" src="script.js"></script>
 </body>

src/node/html/package.json

@@ -17,6 +17,5 @@
   },
   "engines": {
     "node": "=20.x"
-  },
-  "packageManager": "[email protected]"
-}
+  }
+}

src/node/html/style.css

@@ -3,21 +3,10 @@
 @tailwind utilities;
 
 .item {
-@apply gap-1 border justify-center items-center grid grid-cols-3 grid-rows-3 bg-cyan-600 border-sky-800;
+@apply gap-1 border justify-center items-center grid grid-cols-3 grid-rows-3 bg-cyan-600 p-1;
 
   }
 
 .item__text {
-@apply border flex justify-center items-center bg-blue-300 text-sky-950;
+@apply border flex justify-center items-center text-sky-100 text-lg;
   }
-
-
-.item_old {
-  background: #219EBC;
-  border: 1px solid #054A91;
-}
-
-.item__text_ild {
-  background: #8ECAE6;
-  color: #023047;
-}

src/node/html/tailwind.config.js

@@ -32,8 +32,6 @@ export default {
         },
 
       },
-      "coffee",
-      "dark"
     ],
   },
 }

src/node/html/vite.config.js

@@ -4,7 +4,6 @@ import { defineConfig } from 'vite';
 export default defineConfig({
   plugins: [],
   server: {
-    host: '0.0.0.0',
-    hmr: true,
+    host: '0.0.0.0'
   }
 })