Standardize section banner style

NUSComputingDev · Mar 9, 2024 · cbb8957 · cbb8957
1 parent 7b897c6
commit cbb8957
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 24 deletions.
diff --git a/src/pages/about/index.css b/src/pages/about/index.css
@@ -67,7 +67,9 @@ section {
     flex-col
     items-center
     justify-center
-    p-20
+    px-8
+    md:px-20
+    py-20
     bg-primary
     text-white
   ;

diff --git a/src/pages/home/AnnouncementsCard.css b/src/pages/home/AnnouncementsCard.css
@@ -1,19 +1,18 @@
 .container {
-    @apply
-        flex
-        flex-row
-        max-w-full
-        h-[30vh]
-        lg:h-[30vh]
-        items-center
-        justify-center
-        md:justify-around
-        px-2
-        md:gap-2
+  @apply
+    flex
+    flex-row
+    max-w-full
+    h-[30vh]
+    lg:h-[30vh]
+    items-center
+    justify-center
+    md:justify-around
+    px-2
+    md:gap-2
+  ;
+}
 
-    ;
-  }
-
 .container>img {
   @apply
       object-cover
@@ -71,4 +70,3 @@
   ;
 }
 
-
diff --git a/src/pages/home/index.css b/src/pages/home/index.css
@@ -29,7 +29,9 @@ section {
     items-center
     justify-center
     h-[20vh]
-    px-4
+    px-8
+    md:px-20
+    py-20
   ;
 }
 
@@ -43,24 +45,20 @@ section {
 
 .section-header>h1 {
   @apply
-    text-4xl
-    md:text-5xl
-    lg:text-6xl
+    text-3xl
     text-white
-    font-heading
+    font-bold
     pb-4
     text-center
   ;
 }
 
 .carousel-container {
   @apply
-    h-[60vh]
-    pt-6
     px-0
     md:px-6
     lg:px-20
-    overflow-hidden
+    pb-4
   ;
 }