Update homepage layout to respect responsiveness and typography (#118)

* Update homepage layout to respect responsiveness and typography * Fix donate link * Fix donate link
ThePHPF · Oct 20, 2023 · 8b8041a · 8b8041a
1 parent 349fcdf
commit 8b8041a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/source/index.html b/source/index.html
@@ -11,12 +11,12 @@
 <section class="relative isolate overflow-hidden bg-gradient-to-b from-indigo-100/20">
     <div class="absolute inset-y-0 right-1/2 -z-10 -mr-96 w-[200%] origin-top-right skew-x-[-30deg] bg-white shadow-xl shadow-indigo-600/10 ring-1 ring-indigo-50 sm:-mr-80 lg:-mr-96"></div>
     <div class="mx-auto max-w-7xl px-6 py-8 lg:py-24 lg:px-4">
-        <div class="flex flex-col lg:flex-row justify-between">
-            <div class="mt-6 max-w-xl lg:mt-0">
-                <h1 class="max-w-2xl text-5xl font-bold tracking-tight text-gray-900 sm:text-6xl">
-                    We support, advance, and develop the PHP Language
+        <div class="flex flex-col md:flex-row justify-between">
+            <div class="mt-0 max-w-xl md:mt-10 md:ml-4 lg:mt-10  mr-4">
+                <h1 class="mt-0 mb-0 max-w-2xl text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl lg:text-7xl">
+                    We support, advance, and&nbsp;develop the&nbsp;PHP&nbsp;Language
                 </h1>
-                <div class="mt-16 flex flex-row gap-4">
+                <div class="mt-6 flex flex-row gap-4">
                     <a href="/donate" class="inline-block lg:hidden text-xl py-2 no-underline px-6 !text-white bg-[#6858f6] rounded-3xl hover:bg-[rgba(104,88,246,.8)]">
                         Donate
                     </a>