style: finally fix the faq section!

LaurierHawkHacks · Mar 29, 2024 · cb9b9c7 · cb9b9c7
1 parent d8d5036
commit cb9b9c7
Showing 1 changed file with 8 additions and 13 deletions.
diff --git a/src/components/sections/TeamFAQ.section.tsx b/src/components/sections/TeamFAQ.section.tsx
@@ -48,31 +48,26 @@ const Department: React.FC<DepartmentProps> = ({ title, members }) => {
 // not separate enough...
 const TeamSection = () => {
     return (
-        <div className='bg-brightUbe'>
-            <section
-                id="faq-section"
-                className="stacked -mb-24  bg-cover"
-            >
+        <div className="bg-brightUbe">
+            <section id="faq-section" className="stacked -mb-24 bg-cover">
                 <img src={FaqBackground} alt="" className="w-full" />
                 <div className="container mx-auto px-4">
-                    <div className="mb-10 text-center">
-                        <h2 className="mt-60 text-center font-bold text-white drop-shadow-md">
-                            FAQ
-                        </h2>
-                    </div>
+                    <h2 className="mt-20 text-center font-bold text-white drop-shadow-md md:mt-32">
+                        FAQ
+                    </h2>
 
-                    <div className="mx-auto max-w-6xl pb-60">
+                    <div className="mx-auto max-w-6xl pb-12">
                         <Accordion items={faqData} />
                     </div>
                 </div>
             </section>
 
             <section
                 id="team-section"
-                className="relative isolate  p-4 md:p-8 lg:p-12"
+                className="relative isolate p-4 md:p-8 lg:p-12 md:-translate-y-[10%] xl:-translate-y-[15%]"
             >
                 {/* remove the overflow, and set negative offset works like a charm */}
-                <div className="relative mx-auto mb-10 w-fit sm:mb-24 lg:mb-32 ">
+                <div className="relative mx-auto mb-10 w-fit sm:mb-24 lg:mb-32">
                     <img
                         className="mx-auto w-full max-w-fit sm:hidden"
                         src="src/assets/team/meet-the-team-banner.webp"