Go ProSign in

    Composing CSS Utility Classes with Tailwind Course Introduction

    Simon VrachliotisSimon Vrachliotis

    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.

    You must be a Member to view code