Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Tailwind CSS 3 Essential Training

via LinkedIn Learning

Go to class Write review

Details

Go to class

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Duration & workload

2 hours 35 minutes
Sessions

On-Demand
Level

Beginner

Found in

Overview

Coursera Plus Annual Sale:

All Certificates & Courses 50% Off!

Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.

Syllabus

Introduction

Why utility-first frameworks matter
Using the exercises for this course
Using GitHub Codespaces with this course

2. Getting Started

Working with Tailwind CSS
Creating a custom build
Tailwind Play
Examples with CodePen
CodeSwing playground

3. Utility-First Features

Preflight
Utility class structure
Tailwind pitfalls
Color classes
Shortcut classes
Special classes
Responsive design
Custom properties
Challenge: Create a layout
Solution: Create a layout

4. Power Techniques

State modifiers
Position modifiers
Form modifiers
Child and sibling elements
Attribute modifiers
Pseudo-elements
Media modifiers
Dark mode
Challenge: Dark mode and grouping
Solution: Dark mode and grouping

5. Customizing Tailwind

Exploring the config
Configuring themes
Existing scales

6. Plugins

Plugins
Typography
Line clamp

Conclusion

Next steps

Taught by

Ray Villalobos

Reviews

4.7 rating at LinkedIn Learning based on 132 ratings

Start your review of Tailwind CSS 3 Essential Training