From de028355ef5edfcada73f0dabc06064fcf96bf09 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <you@example.com>
Date: Mon, 4 Jan 2021 09:16:18 +0100
Subject: [PATCH] Fixe container width with media only screen

---
 src/app/pages/events/events.page.scss | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index da03cc79f..76a55f66b 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -326,7 +326,7 @@ ion-toolbar{
   justify-content: center;
 }
 .schedule {
-  width: 400px;
+  max-width: 400px;
   font-family: Roboto;
   margin: 10px 0px;
   padding: 20px;
@@ -442,8 +442,22 @@ ion-toolbar{
 
 
 @media only screen and (min-width: 804px) {
+
   .schedule:first-child {
     margin-right: 2%;
 
   }
+}
+
+@media only screen and (min-width: 478px) {
+  .schedule{
+    width: 400px;
+  }
+}
+
+
+@media only screen and (max-width: 478px) {
+  .schedule{
+    width: 360px;
+  }
 }
\ No newline at end of file