dustin is added, fixed sponsors page to not touch the ends

LEARNED HOW TO USE A CSS GRIDBOX BRUHHH

Author: teahibiscus

Leadership.html

@@ -209,6 +209,7 @@ <h3 class ="member_title">Mechanical Technical Project Manager</h3>
         <div class="item">
             <p class="lead_name"><b>Andrew She</b> <em>Accumulator Lead</em></p>
             <p class="lead_name"><b>Victor Kalastirsky</b> <em>Accumulator Hardware Lead</em></p>
+            <p class="lead_name"><b>Dustin Wang</b> <em>ETC Lead</em></p>
         </div>
 
         <div class = "item">

Sponsors.css

@@ -10,6 +10,7 @@ body {
     background-color: #141624;
     overflow-x: hidden;
     justify-content: center;
+    align-content: center;
     align-items: center;
     text-align: center;
     max-width: 100%;
@@ -197,34 +198,46 @@ p a:visited {
     max-width: 100%;
     margin: 0 auto; /* Center container horizontally */
     flex-wrap: wrap;
-
-    
+    width: auto;
+      
 }
 
+
+
 .flex-container {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Dynamic columns */
+    gap: 10px; /* Space between items */
+    margin: 20px;
+    padding: 0% 1% 0% 1%;
+          
     justify-content: center;
     align-items: center;
-    padding: 3% 2% 3% 1%;
-    max-width: 100%;
-    
 
 
 }
 
+
+
 .flex-container > div {
 
-    justify-content: center;
+    margin: 20px;
+    padding: 0% 1% 0% 1%;
     align-items: center;
-    padding: 0% 2% 0% 2%;
-    max-width: 100%;
+    justify-content: center;
 
 }
 
+.flex-container img {
+    max-width: 100%;
+}
+
+
 @media screen and (max-width: 600px) {
 
 
     .flex-container {
+        display: flex;
         flex-direction: column; /* Stack pictures vertically */
         justify-content: center;
         align-items: center;

sponsor_images/3BrosLogo.png sponsor_images/_3BROS_ROUND_LOGO_RYK.png

@@ -66,7 +66,7 @@ <h1>Thank You to Our Sponsors!</h1>
 
     <div class="sponsorpacket">
         <p>Interested in Sponsoring Formula Slug? Take a look at our &nbsp;</p> 
-        <p><a href="Sponsorship Packet 2024-25.pdf" target="_blank"> Sponsorship Packet </a></p>
+        <p><a href="Sponsorship Packet 2024-25.pdf" target="_blank"> Sponsorship Packet!</a></p>
 
     </div>
 
@@ -98,17 +98,19 @@ <h2 class="sponsor_gold">Gold Sponsors</h2>
         </div>
 
     </div>
+    
 
     <h2 class="sponsor_silver">Silver Sponsors</h2>
     <!--Silver Tier Sponsors-->
 
 
     <div class="flex-container">
 
-        <div class="item">
+        <div class = "item">
             <!--img of sponsor here-->
-            <div class="pictures"><img src="sponsor_images/3BrosLogo.png" alt="3 Bros Logo" ></div>
-            
+            <div class="pictures"><img src="sponsor_images/_3BROS_ROUND_LOGO_RYK.png" alt="3 Bros Logo" ></div>
+
+                        
         </div>
         <div class = "item">
             <!--img of sponsor here-->
@@ -124,12 +126,12 @@ <h2 class="sponsor_silver">Silver Sponsors</h2>
         </div>
 
     </div>
-
 
 
     <h2 class="sponsor_bronze">Bronze Sponsors</h2>
     <!--Bronze Tier Sponsors-->
 
+   
     <div class="flex-container">
 
         <div class="item">
@@ -149,19 +151,18 @@ <h2 class="sponsor_bronze">Bronze Sponsors</h2>
             <div class="pictures"><img src="sponsor_images/[email protected]" alt="Verve Logo"></div>
 
         </div>
-        
-        
-    
-    </div>
 
-    <div class="flex-container">
-        <div class = "item"></div>
+        <div class = "item">
             <!--img of sponsor here-->
             <div class="pictures"><img src="sponsor_images/DigiKey-Logo.png" alt="Digikey Logo"></div>
 
         </div>
+        
+        
+    
     </div>
 
+    
 
 
     <h2>Special Thanks!</h2>