fix: Adjust card sized for smaller window

wtwong316 · May 6, 2020 · bad02d7 · bad02d7
1 parent 2695c19
commit bad02d7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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