Multiplayer Chess game

index.html

@@ -524,7 +524,13 @@ <h3 class="card__heading">Astromania</h3>
           <h3 class="card__heading">Netflix Clone</h3>
         </div>
       </a>
-
+    <a class="card" href="projects/Chess/index.html">
+        <div class="card__background" style="background-image: url(projects/Chess/image/Screenshot 2023-08-09 200006.png); background-size: cover;"></div>
+        <div class="card__content">
+          <p class="card__category">GAME</p>
+          <h3 class="card__heading">Chess Game</h3>
+        </div>
+      </a>
     </div>
   </section>
 

projects/Chess/Chess.css

@@ -0,0 +1,80 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    display: grid;
+    place-items: center;
+    overflow-x: hidden;
+}
+
+h1 {
+    margin: 10px;
+}
+
+ul {
+    display: grid;
+    grid-template-columns: 1fr;
+}
+
+.divv {
+    display: flex;
+}
+
+li {
+    list-style: none;
+    display: grid;
+    place-items: center;
+    font-size: 0px;
+}
+
+.box {
+    margin: .5px;
+    width: 75px;
+    height: 75px;
+}
+
+#tog {
+    margin: 10px 0px;
+}
+
+
+
+.allimg {
+    width: 45px;
+    position: relative;
+    bottom: 5px;
+}
+
+.allpawn {
+    transform: scale(.7);
+}
+
+.authcont {
+    width: 100vw;
+}
+
+.author {
+    float: right;
+    margin-right: 50px;
+
+}
+
+
+@media (max-width:650px){
+
+    #tog {
+        margin-bottom: 70px;
+
+    }
+
+    .box {
+        width: 11vw;
+        height: 11vw;
+    }
+
+    .allimg {
+        width: 7vw;
+    }
+}