home page updates

Author: iLikeGrape

homeImgs/cookie.png

@@ -14,6 +14,7 @@ <h1>Home</h1>
         <a href="spaceinvaders.html"><div class="box" id="spaceBox"></div></a>
         <a href="tictactoe.html"><div class="box" id="tictactoeBox"></div></a>
         <a href="platformer.html"><div class="box" id="platformerBox"></div></a>
+        <a href="https://ilikecookie.netlify.app/"><div class="box" id="cookieBox"></div></a>
     </div>
     <script src="index.js"></script>
 </body>

index.html

@@ -1,8 +1,9 @@
+
 .links{
-    display: flex;
-    justify-content: space-evenly;
-    column-gap: 25px;
-    row-gap: 25px;
+    display: grid;
+    grid-template-columns: repeat(4, auto);
+    width: 750px;
+    margin: auto;
 }
 .box{
     width: 150px;
@@ -13,7 +14,6 @@
 #dinoBox{
     background-image: url("homeImgs/dinosaurgame.png");
     background-size: contain;
-
 }
 #spaceBox{
     background-image: url(homeImgs/spaceinvaders.png);
@@ -27,4 +27,8 @@
 #platformerBox{
     background-color: aqua;
     background-size: contain;
+}
+#cookieBox{
+    background-image: url(homeImgs/cookie.png);
+    background-size: contain;
 }