From 9bb460871fa3f089bc650ab31d36a658cd0cfac6 Mon Sep 17 00:00:00 2001
From: Amy <minds10@hotmail.com>
Date: Tue, 27 Jul 2021 01:49:01 -0400
Subject: [PATCH] Change mobile card max width

---
 components/EventDescriptionCard.module.css | 1 +
 components/NewsCard.module.css             | 1 +
 pages/index.module.css                     | 4 ++++
 3 files changed, 6 insertions(+)

diff --git a/components/EventDescriptionCard.module.css b/components/EventDescriptionCard.module.css
index 011ecd2a..0ddff676 100644
--- a/components/EventDescriptionCard.module.css
+++ b/components/EventDescriptionCard.module.css
@@ -50,6 +50,7 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
+    max-width: unset;
     padding: 0;
     background-color: transparent;
   }
diff --git a/components/NewsCard.module.css b/components/NewsCard.module.css
index 5f1bda0e..4114b061 100644
--- a/components/NewsCard.module.css
+++ b/components/NewsCard.module.css
@@ -22,6 +22,7 @@
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
     padding: 0;
+    max-width: unset;
     background-color: transparent;
   }
 
diff --git a/pages/index.module.css b/pages/index.module.css
index 38bfe3da..ec2407d6 100644
--- a/pages/index.module.css
+++ b/pages/index.module.css
@@ -177,6 +177,10 @@
     padding: calc(36rem / 16) calc(20rem / 16) calc(20rem / 16);
   }
 
+  .cards > section {
+    max-width: unset;
+  }
+
   .cardsHeading {
     margin: 0;
     font-size: calc(18rem / 16);