Overview
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