Tailwind CSS

Chapter 4: Customizing Tailwind and Optimizing Your Workflow

So far we’ve explored various ways to use the existing Tailwind utilities. In this fourth chapter, we’ll dive in even deeper and explore how we can customize Tailwind either by adding new utilities or by tweaking existing ones.

Customizing Tailwind

Tailwind is already like a CSS Swiss Army knife, but nevertheless there will be times when we’ll want to add extra features to it. In this section, we’ll explore the most common ways Tailwind can be customized to suits our needs.

Project Code

You can find the finished project for this chapter in the code repo for this book.

Firstly, we need to create a new Tailwind project (which we covered in the second chapter).

Next, create an index.html ...