Update style

WISVCH · Jan 4, 2024 · d3067f4 · d3067f4
1 parent 2bf6b8c
commit d3067f4
Showing 1 changed file with 28 additions and 5 deletions.
diff --git a/narrowcast_content/upcoming_activities/static/css/style.css b/narrowcast_content/upcoming_activities/static/css/style.css
@@ -34,6 +34,7 @@ body {
     grid-template-columns: auto;
     grid-template-rows: 170px auto;
     height: 100vh;
+    background-color: white;
 }
 
 .top-bar {
@@ -53,11 +54,11 @@ body {
     font-size: 63px;
     justify-self: start;
     align-self: end;
-    grid-row:1;
+    grid-row: 1;
     grid-column: 1;
 }
 
-.top-bar a{
+.top-bar a {
     color: white;
     text-decoration: none;
     font-size: 27px;
@@ -82,13 +83,13 @@ body {
 
 /* Hide scrollbar for Chrome, Safari and Opera */
 .schedule::-webkit-scrollbar {
-  display: none;
+    display: none;
 }
 
 /* Hide scrollbar for IE, Edge and Firefox */
 .schedule {
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
 }
 
 .day {
@@ -165,4 +166,26 @@ body {
     border-left-color: #90B6CB;
 }
 
+@media only screen and (max-width: 1300px) {
+    body {
+        grid-template-rows: 120px auto;
+    }
+
+    .top-bar {
+        grid-template-rows: 55fr 45fr;
+    }
+
+    .top-bar h1 {
+        font-size: 40px;
+    }
+
+    .top-bar a {
+        font-size: 20px;
+    }
+
+    .top-bar img {
+        height: 75px;
+    }
+
+}