Merge pull request #8 from IgboPharaoh/fix/mobile-padding

fix: padding displacement in mobile
bitcoin-dev-project · Aug 6, 2024 · 74e7937 · 74e7937
2 parents 30987a3 + c526cd9
commit 74e7937
Show file tree

Hide file tree

Showing 3 changed files with 2,063 additions and 125 deletions.
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h1 class="text-4xl sm:text-4xl md:text-7xl font-bold">The Bitcoin Scholarship</
             Apply
           </a>
         </section>
-        <section class="flex w-full items-center justify-center">
+        <section class="flex w-full items-center justify-center lg:pb-16">
           <a class="border-[1.5px] border-[#2d2d2d] animate-bounce p-2 backdrop-blur-0 rounded-[50%] bg-[#f6f4f4]" href="/#faq">
             <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path
@@ -46,7 +46,7 @@ <h1 class="text-4xl sm:text-4xl md:text-7xl font-bold">The Bitcoin Scholarship</
         </section>
       </div>
 
-      <div class="px-2 py-24 flex flex-col items-center justify-center max-w-screen-lg max-h-screen" id="faq">
+      <div class="px-2 py-20 md:py-24 flex flex-col items-center justify-center max-w-screen-lg md:max-h-screen min-h-screen" id="faq">
         <h2 class="text-2xl sm:text-3xl md:text-4xl font-bold mb-8">Frequently Asked Questions</h2>
         <section class="border-2 border-gray-500 rounded-2xl w-full flex flex-col items-start justify-start gap-6 p-6 md:py-8">
           <div class="flex flex-col items-start gap-1">