update end game cards

thomaspark · Nov 2, 2024 · 659cfdf · 659cfdf
1 parent af803f8
commit 659cfdf
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 10 deletions.
diff --git a/css/style.css b/css/style.css
@@ -164,11 +164,9 @@ a:hover {
   position: absolute;
   left: 0;
   right: 0;
-  bottom: 10%;
+  bottom: 0.5rem;
   padding: 1rem;
-  background-color: rgba(0, 0, 0, 0.8);
   font-family: 'Fredoka One', cursive;
-  font-size: 18px;
 }
 
 .games a img {

diff --git a/images/games/anchoreum.png b/images/games/anchoreum.png
diff --git a/images/games/code-crunchers.png b/images/games/code-crunchers.png
diff --git a/images/games/css-scoops.png b/images/games/css-scoops.png
diff --git a/images/games/nth-cart.png b/images/games/nth-cart.png
diff --git a/index.html b/index.html
@@ -57,16 +57,16 @@ <h1 class="title">Flexbox Froggy</h1>
       <div id="share">
         <div class="games">
           <a target="_blank" data-title="Grid Garden" href="https://codepip.com/games/grid-garden/">
-            <img src="images/games/grid-garden.png">
+            <img src="images/games/grid-garden.png" alt="Grid Garden">
           </a>
-          <a target="_blank" data-title="Nth Cart" href="https://codepip.com/">
-            <img src="images/games/nth-cart.png">
+          <a target="_blank" data-title="Anchoreum" href="https://codepip.com/games/anchoreum/">
+            <img src="images/games/anchoreum.png" alt="Anchoreum">
           </a>
-          <a target="_blank" data-title="Disarray" href="https://codepip.com/">
-            <img src="images/games/disarray.png">
+          <a target="_blank" data-title="Disarray" href="https://codepip.com/games/disarray/">
+            <img src="images/games/disarray.png" alt="Disarray">
           </a>
-          <a target="_blank" data-title="Code Crunchers" href="https://codepip.com/">
-            <img src="images/games/code-crunchers.png">
+          <a target="_blank" data-title="CSS Scoops" href="https://codepip.com/games/css-scoops/">
+            <img src="images/games/css-scoops.png" alt="CSS Scoops">
           </a>
         </div>
         <p class="social">