Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
Google, IBM & Microsoft Certificates — All in One Plan
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Gain a comprehensive understanding of Tailwind CSS in this beginner-friendly course. Explore core concepts and features, starting with setup and progressing through colors, customization, typography, spacing, and layout techniques. Master flexbox and grid systems, learn to apply borders, effects, and filters, and implement animations. Dive into creating a design system, grasp fundamental concepts, and implement dark mode functionality. With hands-on examples and detailed explanations, develop the skills to efficiently style web applications using Tailwind CSS's utility-first approach.
Syllabus
⌨️ Introduction
⌨️ Setup
⌨️ Colors
⌨️ Customization
⌨️ Typography
⌨️ Spaces & sizes
⌨️ Flex
⌨️ Grids
⌨️ Layouts
⌨️ Borders
⌨️ Effects & filters
⌨️ Animations
⌨️ Design System
⌨️ Core concepts
⌨️ Dark mode
Taught by
freeCodeCamp.org