Improve responsiveness

This commit is contained in:
Dilson's Pickles
2023-02-28 11:16:32 +00:00
parent ac7c5b7b3d
commit 1e708e8f42
2 changed files with 2 additions and 2 deletions

View File

@@ -3,7 +3,7 @@ import DownloadButton from '../button/DownloadButton.jsx'
---
<section class="bg-gradient-to-r from-indigo-500 to-indigo-700">
<div class="mx-auto max-w-sm sm:max-w-xl md:max-w-6xl px-3 lg:px-0 pt-16 pb-16 grid md:grid-cols-2">
<div class="mx-auto max-w-sm sm:max-w-xl md:max-w-6xl px-3 xl:px-0 pt-16 pb-16 grid md:grid-cols-2">
<div class="text-white text-center md:text-left">
<h3 class="text-2xl font-bold">Download Audacity free today</h3>
<p class="text-lg">City of Auda, popualation: you.</p>

View File

@@ -21,7 +21,7 @@ const { title, subtitle} = Astro.props;
</section>
<div
class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0"
class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0 pb-12 md:pb-24 lg:pb-32"
>
<slot />
</div>