From 5d3973bc5974c5e0d45a6ebe0fb40b5a66d4431b Mon Sep 17 00:00:00 2001 From: iLikeGrape <135122587+iLikeGrape@users.noreply.github.com> Date: Tue, 17 Dec 2024 00:55:42 +0000 Subject: [PATCH] home page updates --- homeImgs/cookie.png | Bin 0 -> 1847 bytes index.html | 1 + styles.css | 14 +++++++++----- 3 files changed, 10 insertions(+), 5 deletions(-) create mode 100644 homeImgs/cookie.png diff --git a/homeImgs/cookie.png b/homeImgs/cookie.png new file mode 100644 index 0000000000000000000000000000000000000000..66fcbbdaee6cdd64926100ac36278b4b9d215433 GIT binary patch literal 1847 zcmYL~dpy(oAIHDtgk2arbBTo^MlMsa<+3ujZI~H4E<-5#{rV-MW0Ff6=0v1&&0#Y4 zW{yjv6`5{7N+k`YETprU@b5J07@jH zGfh^--;bi4OhG60iLx?G_3(9(N~OXA+L z27m~2LUR_6#!~0etk7GRC+nTlZENYv%VIn_pr#e zI!@070P_8I79HO;{VG1j9mz0KAsK=wdsI*WFy0gHr~@uOqJ8^{!&zUwM`eylG!5B} zhMIjii588aMn@e~gOQK`BZ#BAe5Dhz!c&WLT&II!dBoFw=8r#ubpR&-h$CT(ju~|F zxanl|u2d^-6#BZ2X0SFS9;xJ1(-aE;^1DdRj=qfRlJP{J*M|{1VgxGMj|*}&1QWZr zRh4?8s9Nb7dgdFOy7kbK?7=f8C|`gq#BSrZ%cQvQ@T5hZK)U2Hv(gubSmvoY4_hN{?xF7 z(~Cad-rDhaTV&vQdbmzQzN5%Yjy~;}lcinyioZn@!L0`>yHoJqer_v!Dj=Wl76oHZsE!fAW=tSo(;G;K) z_V*L#*y5vhC`@>%Cc+Q zZr9f4_P_DcR@^}?{kt7ULnZ-mqin?4Pg%=FCWktt7idm~t# z&kW>M*1tmgZ<_^xTB6+PP@>rFIsb>9IvjkPO9+#fG|1~xgS5N06(pgqSN*-f?^|q$ z;TOlP7P=@-Z0K^n~A?Ux)`53p0+bJi*~9UQEO(==#dfJJ|DS{X*=#;7h3oikAKTbH7Pdrfh+F4Zlx3;o$uC;{&32#rg3HIiB;V8GXOW zdjx3#PsAB(n49iZvJP({puDKu1s9`GTuhZFe})SwgCx6*D*G2)Xl>?J>~?jAf`)cZZ-o>v_-IHKjX zE6MbqF_=*bv8f%)={^gdaXPuc;24!04k4}WnW*I6xoYyRYKyw~Qd!C-Se+P>51nd~ zqLgG3!)*iujHome
+
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