Create style.css

Author: Shubhamkashyap1601

Minesweeper/shubhamkashyap1601/style.css

@@ -0,0 +1,42 @@
+body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-family: Arial, sans-serif;
+}
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    width: 300px;
+    margin-bottom: 20px;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(10, 30px);
+    grid-gap: 2px;
+}
+
+.grid-item {
+    width: 30px;
+    height: 30px;
+    border: 1px solid #ccc;
+    text-align: center;
+    line-height: 30px;
+    cursor: pointer;
+}
+
+.grid-item.revealed {
+    background-color: #ddd;
+}
+
+.grid-item.mine {
+    background-color: #f00;
+    color: #fff;
+}
+
+.grid-item.flag {
+    background-color: #00f;
+    color: #fff;
+}