Fix centering issues on mobile

CarletonComputerScienceSociety · Jun 17, 2024 · 42a1439 · 42a1439
1 parent 725e8d8
commit 42a1439
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/assets/scss/components/_news.scss b/assets/scss/components/_news.scss
@@ -9,12 +9,18 @@
   margin: 0 auto;
 }
 
-@media only screen and (min-width: 415px) and (max-width: 1120px) {
+@media only screen and (min-width: 475px) and (max-width: 1120px) {
   .news-flex-wrapper {
     justify-content: space-evenly;
   }
 }
 
+@media only screen and (max-width: 475px) {
+  .news-flex-wrapper {
+    justify-content: center;
+  }
+}
+
 @media only screen and (max-width: 600px) {
   .news-link {
     transform: scale(0.75);