Reduce spacing in hero on mobile and reduce hero CTA button text size

johnjago · Jul 23, 2024 · 95ea8f7 · 95ea8f7
1 parent 1b74adf
commit 95ea8f7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/layouts/index.html b/layouts/index.html
@@ -10,20 +10,20 @@ <h1 class="text-white text-4xl md:text-5xl font-bold mb-16">Better WooCommerce o
 			class="rounded-lg shadow-2xl"
 		>
 	</div>
-	<div class="mt-28">
+	<div class="mt-20 md:mt-28">
 		<p
 			class="text-white text-3xl md:text-4xl font-semibold mb-8"
 		>
 			Search, navigate, and manage orders faster with Dashify.
 		</p>
 		<a
 			href="/#pricing"
-			class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-2xl font-semibold hover:shadow-lg transition"
+			class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
 		>
 			Get Dashify for free
 		</a>
 	</div>
-	<article class="flex flex-col gap-4 md:gap-0 md:flex-row align-middle mt-28 xl:mx-20 text-left">
+	<article class="flex flex-col gap-4 md:gap-0 md:flex-row align-middle mt-20 md:mt-28 xl:mx-20 text-left">
 		<article class="flex flex-col gap-4 p-8 md:mx-8 md:w-1/2 bg-gray-50 rounded-lg shadow-md">
 			<div class="flex">
 				<span class="star inline-block bg-[#e26f56] w-[30px] h-[30px]"></span>