Composing CSS Utility Classes with Tailwind Course Introduction

Share this video with your friends

Send Tweet

In this course, you'll learn to build custom user interfaces with Tailwind, a utility-first CSS framework.

Throughout the lessons, you'll discover how to use Tailwind and compose utility classes together like lego blocks. You'll also learn to customise the JavaScript configuration file to make your own, tailor-made version of Tailwind.

We'll touch on topics such as how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes.

You'll also discover how you can extract repetitive utility classes into BEM-like UI components.

By the end of this course, you should feel very confident starting a new project (or refactoring an existing one!) with Tailwind.

Justin Noel
~ 4 years ago

This course is over 2 years old. You might want to consider this course (by the creator of Tailwind) instead:

https://egghead.io/lessons/tailwind-set-up-tailwind-and-postcss