links are broken

index.html

@@ -43,22 +43,40 @@
     <h1>I'm Allen</h1>
     <img src="allen.jpg">
 </div>    
+
 <div class="row">
     <div class="about">
         <h2>About Me</h2>
-        <p>I'm Allen, a kid who nolifes FTC!</p>
+        <p>I'm Allen, a kid who nolifes FTC! I CAD and Program for FTC Team 14343. In my free time, I like to do FTC. </p>
     </div>
     <div class="projects">
         <h2>Some things I've been working on</h2>
         <div class="impact">
-            <a href="impacttest/index.html">Impact Testing Filament</a>
+            <a href="impacttest/index.html"></a>
+            <figure>            
+                <img src="impacttest/close2.jpg" width="300px">
+                <figcaption>Filament Impact Testing</figcaption>
+            </figure>
         </div>
-        <div class="hackclub">
-            <a href="https://scrapbook.hackclub.com/Allen">HackClub Arcade</a>
+        <div class="hackclub">       
+            <a href="https://scrapbook.hackclub.com/Allen"></a>
+            <figure>
+                <img src="https://scrapbook-into-the-redwoods.s3.amazonaws.com/f667c330-3398-44ca-8dbf-fafe03c65198-image.png" width="300px">
+                <figcaption>HackClub Arcade</figcaption>
+            </figure>
         </div>
+
+        <figure class="ftc">
+
+            <img src="impacttest/evlogo.png" width="300px">
+            <figcaption><a href="ftc14343.org">My FTC Team</a></figcaption>
+        </figure>
 
     </div>
 </div>
+<div class="footer">
+    <p>Contact Me on Discord @yengkeenoodles</p>
+</div>
 </body>
 
 </html>

style.css

@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Sen:[email protected]&display=swap');
 body {
     background: rgb(75,0,102);
-    background: radial-gradient(circle, rgba(60,0,80,1) 0%, rgba(10,0,20,1) 100%);
+    background: radial-gradient(circle, rgb(22, 0, 29) 0%, rgb(0, 0, 0) 100%);
     font-family: 'Sen';
     color: #F4C032;
 
@@ -34,7 +34,7 @@ body {
   /* Sidebar/left column */
   .about {
     flex: 20%; /* Set the width of the sidebar */
-    background-color: #33333340; /* Grey background color */
+    background-color: #33333370; /* Grey background color */
     padding: 20px; /* Some padding */
     font-family:"Sen";
     color: #F4c032
@@ -44,12 +44,11 @@ body {
   /* Main column */
   .projects {
     flex:70%; /* Set the width of the main content */
-    background-color: #33333340; /* White background color */
+    background-color: #33333370; /* White background color */
     padding: 20px; /* Some padding */
     font-family:"Sen";
     color: #F4c032;
-    display: flex;
-    flex-wrap: wrap;
+    display: inline-block;
   }
 
   .footer {
@@ -60,6 +59,32 @@ body {
     font-family:"Sen";
     color: #F4c032;
   }
-  .impact, .hackclub {
-flex:50%
+  .impact, .hackclub, .ftc{
+    text-align: center;
+    display:inline-block;
+  }
+  div.impact a {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    text-decoration: none; /* No underlines on the link */
+    z-index: 10; /* Places the link above everything else in the div */
+    background-color: #FFF; /* Fix to make div clickable in IE */
+    opacity: 0; /* Fix to make div clickable in IE */
+    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
+  }
+
+  div.hackclub a {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    text-decoration: none; /* No underlines on the link */
+    z-index: 10; /* Places the link above everything else in the div */
+    background-color: #FFF; /* Fix to make div clickable in IE */
+    opacity: 0; /* Fix to make div clickable in IE */
+    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
   }