Tailwind CSS Quick Guide

01. Get Started with Tailwind CSS

Tailwind CSS framework is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. See the official website for more details. Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It’s fast, flexible, and reliable — with zero-runtime. Here is a step-by-step guide to getting started with Tailwind CSS, including setting up your environment for Tailwind CSS support, how to style your contents with the pre-defined classes, and how @apply directive can be used for elements which are generated by static site generators like Hugo. And we’ll build the following web page finally. [ July 4, 2024 ]

02. Build Navigation Bar With Tailwind Css

[ June 30, 2024 ]