upd: Fix Google Calendar embedd dimensions

Author: arnabsen1729

src/components/Calendar.vue

@@ -1,10 +1,21 @@
 <template>
-  <iframe
-    src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Asia%2FKolkata&amp;src=NXJidmI0azdjMTB1amZycGVib2g1amUwNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%234285F4&amp;title=CodeIIEST%20Sessions"
-    style="border:solid 1px #777"
-    width="800"
-    height="600"
-    frameborder="0"
-    scrolling="no"
-  ></iframe>
+  <div class="max-w-screen overflow-auto hidden md:block">
+    <iframe
+      src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Asia%2FKolkata&amp;src=NXJidmI0azdjMTB1amZycGVib2g1amUwNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%234285F4&amp;title=CodeIIEST%20Sessions"
+      width="800"
+      height="600"
+      frameborder="0"
+      scrolling="no"
+    ></iframe>
+  </div>
+  <div class="max-w-screen overflow-auto md:hidden">
+    <iframe
+      src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Asia%2FKolkata&amp;src=NXJidmI0azdjMTB1amZycGVib2g1amUwNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%234285F4&amp;title=CodeIIEST%20Sessions"
+      width="400"
+      height="400"
+      frameborder="0"
+      scrolling="no"
+    ></iframe>
+  </div>
+
 </template>

src/pages/events.vue

@@ -33,12 +33,12 @@ onMounted(async() => {
   <div class="py-8">
     <div class="mb-12">
       <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
-        Upcoming & Ongoing Events
+        Events
       </h2>
       <p
         class="text-xl text-gray-500 dark:text-gray-300"
       >
-        You will find the various events and sessions of chapters of CodeIIEST in this timeline.
+        You will find the various events and sessions by chapters of CodeIIEST in this timeline.
       </p>
     </div>
     <div class="max-w-lg mx-auto px-6">