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

Basic Utility Classes

In this lesson, we’ll start the refactoring with the App.vue component.

The Refactoring

The process of the refactoring is straight-forward. We just need to swap out each one of these CSS declarations with their correspond