chore: full-width buttons on mobile

This commit is contained in:
Oliver Davies 2023-07-14 08:23:08 +01:00
parent e2f57eaf92
commit 4a136fd158

View file

@ -9,7 +9,7 @@ const { href, text } = Astro.props as Props;
<div class="mt-6 not-prose">
<a
class="inline-flex items-center py-3 px-6 text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
class="inline-flex justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
href={href}
>
{text} &rarr;