Responsive

AllentownRobotics · Mar 2, 2024 · 155f109 · 155f109
1 parent 4a60346
commit 155f109
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 28 deletions.
diff --git a/src/pages/event/event.css b/src/pages/event/event.css
@@ -62,7 +62,7 @@
         margin-bottom: 1.2rem;
     }
 
-    .event__teams-container, .event__vision-container {
+    .event__teams-container, .pages__page {
         grid-template-columns: 1fr;
         gap: 3rem;
     }
@@ -77,12 +77,14 @@
         overflow: hidden;
     }
     .event__section-image {
-        width: 80%;
-        margin-inline: auto;
         display:none;
     }
 
     .event__teams-container, .event__vision-container {
         gap: 2rem;
     }
+
+    .event__wrapper {
+        grid-template-columns: 1fr;
+    }
 }
diff --git a/src/pages/home/home.css b/src/pages/home/home.css
@@ -25,11 +25,7 @@
 .main__header-center {
     margin-top: -3rem;
     text-align: center;
-}
-
-.main__header-center-image {
-    width:25rem;
-    justify-content: center;
+    align-items: center;
 }
 
 .main__header-center h1 {
@@ -192,38 +188,21 @@ footer {
         width: 100%;
         height: fit-content;
         padding: 12rem 0;
-        margin:none;
+        margin-left: none;
         overflow: hidden;
-    }
+
+    } 
 
     .main__header-container {
         gap: 0;
         align-items: center;
     }
 
-    .main__header-circle {
-        width: 30rem;
-        height: 30rem;
-    }
-
     .main__header-image {
         width: 20rem;
         height: 20rem;
     }
 
-    /* .main__header-center {
-        margin-right: 50%;
-        margin-left: 25%;
-    } */
-
-    .programs__wrapper {
-        grid-template-columns: 1fr 1fr;
-    }
-
-    .faqs__wrapper {
-        grid-template-columns: 1fr;
-    }
-
     .footer__container {
         grid-template-columns: 1fr;
         gap: 4rem;
@@ -239,6 +218,7 @@ footer {
         padding: 12rem 0 0;
         height: 100vh;
         overflow: hidden;
+        background-color: rgb(84, 84, 84);
     }
 
     .main__header-center-image {
@@ -254,6 +234,10 @@ footer {
         margin: 0 auto;
     } */
 
+    .inner-heading span {
+        font-size: 4vh;
+    }
+
     .pages__wrapper {
         grid-template-columns: 1fr;
         gap: 2rem;