adjusted the margins in mobile

optimumBA · Oct 22, 2023 · f92499c · f92499c
1 parent 641f73c
commit f92499c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html
@@ -37,7 +37,7 @@
       class="from-soft-blue to-soft-violet flex h-screen flex-col items-center justify-center bg-gradient-to-t"
     >
       <div
-        class="relative flex flex-col items-center rounded-2xl bg-white lg:flex-row"
+        class="relative mt-24 flex flex-col items-center rounded-2xl bg-white lg:mt-0 lg:flex-row"
       >
         <div class="flex flex-col items-center justify-center overflow-hidden">
           <img
@@ -76,12 +76,12 @@ <h1 class="text-2xl font-bold">FAQ</h1>
             <div
               x-data="{open: true}"
               @click="open = open"
-              class="flex flex-col py-3"
+              class="flex flex-col py-2"
             >
               <div
                 class="hover:text-soft-red relative flex w-full items-center bg-white"
               >
-                <a href="#" :class="{  'font-bold' : open=open}"
+                <a href="#" :class="{  'font-semibold' : open=open}"
                   >How many team members can I invite?</a
                 >
                 <img
@@ -220,7 +220,7 @@ <h1 class="text-2xl font-bold">FAQ</h1>
           </div>
         </div>
       </div>
-      <div class="mt-6 flex flex-col place-content-center text-center">
+      <div class="mt-3 flex flex-col place-content-center text-center">
         <div>
           <a
             class="text-optimum-blue hover:text-optimum-darkblue"