Tailwind

/* Stylesheet for browsers with JS disabled, so the navigation will still function. * Styles here seem to have lower specificity, so `!important` may be necessary. */ .header__links { display: none !important; } .header__actions { & > .desktop { display: none !important; } & > .mobile { display: flex !important; } } /* If we're in a browser that doesn't support scroll queries, and JS is disabled, just show the header shadow. */ @supports not (container-type: scroll-state) { .header:not([data-shadow]) { --shadow-opacity: 1; } }

A post describing what features come with the Astro starter to ensure it has green lighthouse scores for accessibility, performance and SEO

Read on

A woman on her phone in front of a laptop.

Tips

A post describing how to use Tailwind to style your site.

Guides

Green Lighthouse Scores

All posts

Tips

Tailwind