Button fix

Author: Code-JL

assets/index.html

@@ -38,8 +38,16 @@ <h2>Projects</h2>
     <section id="project gallery">
         <h2>Gallery</h2>
         <div class="gallery">
-            <img src="../images/kick-tool.jpg" alt="Kicker Tool Screenshot" title="Kicker Tool">
-            <img src="images/project2-placeholder.jpg" alt="Portfolio Screenshot" title="Portfolio Website">
+            <figure>
+                <img src="../images/kick-tool.jpg" alt="Kicker Tool Screenshot" title="Kicker Tool">
+                <figcaption>Kicker Tool</figcaption>
+                <a href="../images/kick-tool.jpg" target="_blank" class="button">View Full Image</a>
+            </figure>
+            <figure>
+                <img src="images/project2-placeholder.jpg" alt="Portfolio Screenshot" title="Portfolio Website">
+                <figcaption>Portfolio Website</figcaption>
+                <a href="images/project2-placeholder.jpg" target="_blank" class="button">View Full Image</a>
+            </figure>
         </div>
     </section>
     <section id="skills">

assets/styles.css

@@ -92,8 +92,8 @@ footer {
     color: #fff;
 }
 
-/* Buttons and Links */
-a, button {
+.button {
+    display: inline-block;
     text-decoration: none;
     color: white;
     background: #4db8ff; /* Brighter blue */
@@ -103,7 +103,8 @@ a, button {
     transition: background 0.3s ease, transform 0.2s ease;
 }
 
-a:hover, button:hover {
+.button:hover {
     background: #0099cc; /* Darker blue */
     transform: scale(1.05);
 }
+