From cefe69537ca88d5c76144f5b98e2433f413ab2e9 Mon Sep 17 00:00:00 2001
From: Reina128 <114252439+Reina128@users.noreply.github.com>
Date: Tue, 28 May 2024 14:16:10 -0700
Subject: [PATCH] calendar mobile friendly

---
 layouts/_default/events.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/layouts/_default/events.html b/layouts/_default/events.html
index b457a82..df45ac0 100644
--- a/layouts/_default/events.html
+++ b/layouts/_default/events.html
@@ -8,7 +8,7 @@
         <p>Check out our upcoming events!</p>
     </div>
     <hr>
-    <div style="padding-top: 50px;">
+    <div class = "calendar">
         <iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTCALWzutNFb1WWktBxmlvQjkmhTHXycwB2ysGFP8mOjunsBbn7_bjWBeeOpAupIuH3SIGTNsh-xonp/pubhtml?gid=1316858529&amp;single=true&amp;widget=true&amp;headers=false" width="1000" height="600" frameborder="0"></iframe>
     </div>
     
@@ -42,5 +42,21 @@
         border-radius: 0 20px 20px 0;
         margin-bottom: 20px;
     }
+
+    .calendar {
+        padding-top: 50px;
+        position: relative;
+        height: 0;
+        padding-bottom: 70%;
+        overflow: hidden;
+    }
+
+    .calendar iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
 </style>
 {{ end}}
\ No newline at end of file