diff --git a/homeImgs/cookie.png b/homeImgs/cookie.png
new file mode 100644
index 0000000..66fcbbd
Binary files /dev/null and b/homeImgs/cookie.png differ
diff --git a/index.html b/index.html
index 44c6eb3..b7168b4 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/styles.css b/styles.css
index 4605d4c..8777893 100644
--- a/styles.css
+++ b/styles.css
@@ -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;
 }
\ No newline at end of file