From bad02d74e1f69221a92e07d19d5b68ac682756b6 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Wed, 6 May 2020 23:39:11 +0530
Subject: [PATCH] fix: Adjust card sized for smaller window

---
 src/pages/GetStarted.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/GetStarted.vue b/src/pages/GetStarted.vue
index 9bdc2c20..3fd84e95 100644
--- a/src/pages/GetStarted.vue
+++ b/src/pages/GetStarted.vue
@@ -13,7 +13,7 @@
         <h2 class="font-medium">{{ section.label }}</h2>
         <div class="flex mt-4 -mx-2">
           <div
-            class="w-1/3 px-2"
+            class="flex-shrink-0 w-full px-2 md:w-1/3 sm:w-1/2"
             v-for="item in section.items"
             :key="item.label"
           >
@@ -40,7 +40,7 @@
                 </p>
               </div>
               <div
-                class="flex mt-2"
+                class="flex mt-2 overflow-hidden"
                 v-show="activeCard === item.key && !isCompleted(item)"
               >
                 <Button