fixed mobile breakpoint for news layout

CarletonComputerScienceSociety · Sep 16, 2024 · 33268cd · 33268cd
1 parent 050a5de
commit 33268cd
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/assets/scss/components/_news.scss b/assets/scss/components/_news.scss
@@ -9,26 +9,37 @@
   margin: 0 auto;
 }
 
-@media only screen and (min-width: 475px) and (max-width: 1120px) {
+@media only screen and (min-width: 601px) and (max-width: 1120px) {
   .news-flex-wrapper {
     justify-content: space-evenly;
   }
 }
 
-@media only screen and (max-width: 475px) {
+@media only screen and (max-width: 600px) {
   .news-flex-wrapper {
     justify-content: center;
   }
+  .news-link {
+    text-decoration: none;
+    color: inherit;
+    margin-bottom: 1.5rem;
+  }
 }
 
 @media only screen and (max-width: 600px) {
   .news-link {
-    transform: scale(0.75);
+    transform: scale(0.9);
   }
 }
 
-.news-link {
-  text-decoration: none;
-  color: inherit;
-  margin-bottom: 1.5rem;
+@media only screen and (max-width: 400px) {
+  .news-link {
+    transform: scale(0.75);
+  }
 }
+
+@media only screen and (max-width: 320px) {
+  .news-link {
+    transform: scale(0.65);
+  }
+}
diff --git a/assets/scss/components/_news_page_article.scss b/assets/scss/components/_news_page_article.scss
@@ -6,7 +6,7 @@
 
 .featured-news-mobile {
   display: none;
-  transform: scale(0.75);
+  transform: scale(0.70);
 }
 
 .outer_news_page_article_card {