Display program vertically on mobile

doxa-tech · Apr 15, 2024 · 4adf695 · 4adf695
1 parent 4b5122d
commit 4adf695
Showing 1 changed file with 24 additions and 3 deletions.
diff --git a/src/components/2024/Program.astro b/src/components/2024/Program.astro
@@ -100,6 +100,11 @@
         flex-direction: column;
         gap: 25px;
 
+        h4 {
+          text-transform: uppercase;
+          font-weight: bold;
+        } 
+
         .timetable {
           display: flex;
           flex-direction: column;
@@ -132,10 +137,26 @@
           }
         }
       }
+    }
+  }
+
+  @media only screen and (max-width: $main-width) {
+
+    section {
+
+      .section-container {
+        padding: 30px 0 50px 0;
 
-      h4 {
-        text-transform: uppercase;
-        font-weight: bold;
+        .days {
+          flex-direction: column;
+
+          .day {
+
+            h4 {
+              margin: 20px 0 0 0;
+            }
+          }
+        }
       }
     }
   }