From f92499c09f65e58268e05d508a3587034fb0ebf2 Mon Sep 17 00:00:00 2001
From: ngumokenneth <ngumokenneth97@gmail.com>
Date: Sun, 22 Oct 2023 10:54:32 +0300
Subject: [PATCH] adjusted the margins in mobile

---
 challenges/faq_accordion_card/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html
index 2baab480..e88f3a6f 100644
--- 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"