Mastering Tailwind CSS

What is Tailwind CSS?

Tailwind CSS 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.

Why Utility-First?

Instead of opinionated prebuilt components, Tailwind provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">\n  Click me\n</button>