Merge pull request #199 from Bitshala/fellowship_layout

fellowship layout fix

src/pages/fellowship.astro

@@ -16,23 +16,32 @@ import Apply from "../components/apprenticeship/Apply";
 >
   <div
     slot="headerChild"
-    class="flex flex-col justify-between lg:h-[50vh]"
+    class="mx-auto flex h-[30vh] max-w-screen-xl flex-col justify-between"
   >
     <h1
-      class="text-center font-header text-4xl font-bold text-white lg:text-8xl xl:text-[12rem]"
+      class="text-center font-header text-7xl font-bold text-white lg:text-[12rem]"
     >
       Bitshala Fellowship
     </h1>
     <h2
-      class="mx-5 text-center text-xl font-medium text-white lg:mx-20 lg:font-header lg:text-4xl"
+      class="mt-5 hidden text-center text-xl font-normal text-white lg:block lg:text-3xl"
     >
       Contribute to Bitcoin FOSS projects or host education
       initiatives with fellowship program. <br /> Your
       journey to making a significant impact in the Bitcoin
       world starts here!
     </h2>
+    <p
+      class="mt-5 block text-center text-xl font-normal text-white lg:hidden lg:text-3xl"
+    >
+      Contribute to Bitcoin FOSS <br /> projects or host
+      education <br /> initiatives with fellowship program. <br
+      /> Your journey to making a <br />
+       significant impact in the <br /> Bitcoin world starts
+      here!
+    </p>
     <div
-      class="flex w-full flex-col justify-center gap-3 font-bold lg:flex-row"
+      class="mt-5 flex w-full justify-center font-bold lg:mt-20"
     >
       <a
         href="#apply"