Fix centering issues on mobile (#504)

CarletonComputerScienceSociety · Jun 22, 2024 · 5e4bfd4 · 5e4bfd4
1 parent 992c939
commit 5e4bfd4
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);