From 33268cdda58f5fae249eb7cc6eb0ef76c3abf871 Mon Sep 17 00:00:00 2001
From: qimcis <chixie.mcisaac@gmail.com>
Date: Mon, 16 Sep 2024 00:20:35 -0400
Subject: [PATCH] fixed mobile breakpoint for news layout

---
 assets/scss/components/_news.scss             | 25 +++++++++++++------
 .../scss/components/_news_page_article.scss   |  2 +-
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/assets/scss/components/_news.scss b/assets/scss/components/_news.scss
index 2d63ab822..b7ca8446c 100644
--- 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);
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/components/_news_page_article.scss b/assets/scss/components/_news_page_article.scss
index 489a39fdb..485c66c8d 100644
--- 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 {