Utility-First CSS with Tailwind

Lessons

1. What is Utility-First CSS?

3:56

2. Setting up the project

3:14

3. Basic Utility Classes

5:45

4. Responsive Design

4:58

5. Dynamic Style

6:29

6. Customizing Tailwind

3:39

7. Custom Class

4:53

8. Code-Reuse Patterns

4:49

Customizing Tailwind

The color-related classes that we’re currently using are not very user-friendly, so let’s define some custom names for the colors we use.