Tailwind CSS provides light/dark styling out of the box through its intuitive dark mode modifiers. By default, Tailwind CSS Dark Mode uses the prefers-color-scheme CSS media feature from the browser, which serves as a good starting point for supporting light/dark themes on our static site.

If you are building a static website using Tailwind CSS and looking for a responsive, collapsible navigation menu that is JavaScript-free, I might have something for you.

Setting up a Jekyll 4.x site with Tailwind CSS on GitHub Pages is a bit different from the usual GitHub Pages deployment. You’ll need a custom deployment workflow, but don’t worry, it’s not too complicated!

Jekyll is an awesome tool for building static sites, whether it’s for your personal blog or a hobby project. Adding Tailwind CSS into the mix makes creating your site even easier and way more visually appealing.