pushing changes to make sponsors, leadership, what is fsae

Author: teahibiscus

Leadership.css

@@ -283,16 +283,20 @@ h2 {
     }
 
     h1 {
-        font-size: 2.8em;
+        font-size: 2em;
     }
 
     h2 {
-        font-size: 1.75em;
+        font-size: 1.5em;
         width: 80%;
         text-align: center;
 
     }
 
+    .lead_name {
+        font-size: 1.2em;
+    }
+
 
 
 }
@@ -381,4 +385,19 @@ h2 {
     font-style: italic;
     font-size: 1em;
     padding: 1% 0;
+}
+
+@media screen and (max-width: 600px) {
+    .socials {
+        flex-direction: row; /* Stack social icons */
+        padding: 5% 0; /* Increase padding */
+    }
+
+    .socials a img {
+        width: 30px; /* Reduce icon size */
+    }
+
+    .copyright {
+        font-size: 0.8em; /* Smaller copyright text */
+    }
 }

Sponsors.css

@@ -1,4 +1,7 @@
-
+html {
+    width: 100%;
+    overflow-x: hidden;
+}
 body {
     margin: 0;
     padding: 0;
@@ -139,12 +142,13 @@ h2 {
 
 }
 
-p {
+.sponsorpacket {
     display: flex;
     font-family: Roboto Condensed;
     font-size: 1.80em;
-    padding: 1% 0 3% 2.5%;
+    
     margin-top: 2%;
+    margin-bottom: 2%;
     font-weight: bold;
     justify-content: center; 
     background-color: #1B263B;
@@ -217,7 +221,7 @@ p a:visited {
 
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 600px) {
 
 
     .flex-container {
@@ -244,8 +248,33 @@ p a:visited {
         margin-bottom: 4%;
     }
 
+    h1 {
+        font-size: 1.75em;
+    }
+
+    h2 {
+        font-size: 1.75em;
+        text-align: center;
+        margin-top: 1%;
+    }
+
     p {
-        font-size: 1.2em; /* Make font size smaller for mobile */
+        font-size: 1.5em; /* Make font size smaller for mobile */
+        margin: 0 auto;
+    }
+
+    .sponsorpacket {
+        display: flex;
+        font-family: Roboto Condensed;
+        font-size: 1em;
+        display: flex;
+        flex-direction: column;
+        
+        padding: 2%;
+        font-weight: bold;
+        justify-content: center; 
+        background-color: #1B263B;
+    
     }
 }
 
@@ -314,6 +343,21 @@ p a:visited {
     justify-content: center;
     font-family: Scandia;
     font-style: italic;
-    font-size: 1em;
+    font-size: 0.8em;
     padding: 1% 0;
-}
+}
+
+@media screen and (max-width: 600px) {
+    .socials {
+        flex-direction: row; /* Stack social icons */
+        padding: 5% 0; /* Increase padding */
+    }
+
+    .socials a img {
+        width: 30px; /* Reduce icon size */
+    }
+
+    .copyright {
+        font-size: 0.8em; /* Smaller copyright text */
+    }
+}

sponsors.html

@@ -64,7 +64,12 @@
 
     <h1>Thank You to Our Sponsors!</h1> 
 
-    <p>Interested in Sponsoring Formula Slug? Here is our  &nbsp <a href="Sponsorship Packet 2024-25.pdf" target="_blank"> Sponsorship Packet </a> &nbsp with more information. </p>
+    <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>
+        
+    </div>
+    
 
 
 

what_is_FSAE.css

@@ -301,12 +301,35 @@ p {
 
 @media screen and (max-width: 760px) {
 
-    .FS_design_intro {
-        font-size: 2.4em;
+    .fsae_electric_pic {
+        font-size: 1.8em;
+    }
+
+    .what_is_fsae {
+        font-size: 1.75em;
+    }
+
+    .fsae_desc {
+        font-size: 1em;
+    }
+
+    .FS_involve {
+        font-size: 1.75em;
+    }
+
+    .involve_desc {
+        font-size: 1em;
+    }
+
+    .FS_design_intro, .FS_design_title {
+        font-size: 1.5em;
         width: max-content;
         max-width: 100%;
+        text-align: center;
     }
 
+    
+
 
     .flex-container {
         flex-wrap: wrap;
@@ -326,11 +349,12 @@ p {
 
     }
 
-    .first_item {
-        display: flex;
-        flex-direction: column;
+    .FS_design_brief, .design_topic, p {
+        font-size: 1em;
     }
 
+
+
     .second_item img{
         width: 100%;
         padding: 0 auto;
@@ -341,6 +365,10 @@ p {
         height: 30vh;
     }
 
+    .second_item p {
+        font-size: 1em;
+    }
+
     .design_topic li {
         flex: 1;
         text-align: center;
@@ -410,4 +438,19 @@ p {
     font-style: italic;
     font-size: 1em;
     padding: 1% 0;
+}
+
+@media screen and (max-width: 600px) {
+    .socials {
+        flex-direction: row; /* Stack social icons */
+        padding: 5% 0; /* Increase padding */
+    }
+
+    .socials a img {
+        width: 30px; /* Reduce icon size */
+    }
+
+    .copyright {
+        font-size: 0.8em; /* Smaller copyright text */
+    }
 }