From d59ea46aeb40813ed68404507c9c6349ab339941 Mon Sep 17 00:00:00 2001
From: Sylvia Blaho <sylvia.blaho@gmail.com>
Date: Tue, 10 Dec 2024 16:21:35 +0100
Subject: [PATCH] fix Calendly widget size on small screens #10

---
 index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 35004f1..6f0fb7c 100644
--- a/index.html
+++ b/index.html
@@ -399,7 +399,12 @@ <h3>What kind of workshop are you interested in?</h3>
 
     <div class="calendly-container">
       <!-- Calendly inline widget begin -->
-      <div class="calendly-inline-widget" data-url="https://calendly.com/curtrice/30min?background_color=004e64&text_color=ffffff&primary_color=9fffcb"></div>
+      <div class="calendly-inline-widget"
+        data-url="https://calendly.com/curtrice/30min?background_color=004e64&text_color=ffffff&primary_color=9fffcb"
+        data-resize="true"
+        style="min-width:250px;height:700px;"
+        <!-- size set to 250 px to account for margins, works on screens down to 320px wide -->
+      </div>
       <script src="https://assets.calendly.com/assets/external/widget.js" async></script>
       <!-- Calendly inline widget end -->
     </div>