From baed5ee6bdfd4ae7cbc55d3a46b27388803d5ffa Mon Sep 17 00:00:00 2001
From: Mimi Flynn <414934+mimiflynn@users.noreply.github.com>
Date: Mon, 25 Sep 2023 14:02:52 -0400
Subject: [PATCH] Mobile adjustments (#3)

---
 site/src/styles/card.css |  5 +----
 site/src/styles/hero.css | 12 ++++++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/site/src/styles/card.css b/site/src/styles/card.css
index a797b01..681616c 100644
--- a/site/src/styles/card.css
+++ b/site/src/styles/card.css
@@ -164,9 +164,6 @@
 
 @media (max-width: 767px) {
   .card-collection {
-    flex: none;
-  }
-  .card-collection .card {
-    flex-basis: 100%;
+    display: block;
   }
 }
diff --git a/site/src/styles/hero.css b/site/src/styles/hero.css
index 14cb960..e22ab74 100644
--- a/site/src/styles/hero.css
+++ b/site/src/styles/hero.css
@@ -41,3 +41,15 @@
 .news-main .hero {
   background-image: url('../../static/images/02393_2022Q2ArtRev_GettyImages-184873183_2285px.jpg');
 }
+
+@media (max-width: 767px) {
+  .hero {
+    height: 400px;
+  }
+  .hero article {
+    width: auto;
+  }
+  .home-main .hero {
+    background-position: 30% 75%;
+  }
+}