calendar mobile friendly

OSURoboticsClub · May 28, 2024 · cefe695 · cefe695
1 parent 105492c
commit cefe695
Showing 1 changed file with 17 additions and 1 deletion.
diff --git 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}}