Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Embark on a comprehensive 2.5-hour tutorial exploring Tailwind CSS, a utility-first framework designed to accelerate the web design process. Dive into key concepts including background classes, element sizing, padding and margins, text styling, borders, and responsive design. Master practical skills through hands-on challenges like creating buttons, block galleries, and input components. Gain proficiency in using flexbox, hover and focus modifiers, and other essential utilities. Culminate your learning experience by building a complete landing page project, solidifying your understanding of Tailwind CSS's powerful features and best practices for modern web development.
Syllabus
- Welcome to the Tailwind CSS course
- Background Classes & Shades
- Element Sizing & Tailwind's Numbering System
- Shades of Blue Challenge
- Padding & Margins
- Styling Text Part 1
- Styling Text Part 2
- Text Styling
- Borders
- The Buttons Challenge
- Display Modes
- Flexbox
- Block Gallery Challenge
- Responsive Design
- Hover Modifier
- Focus Modifier
- Combination Modifier
- Other Utilities
- Input Component Challenge
- Employee Card Challenge
- Final Course Project - Landing Page
- It's A Wrap!
Taught by
Scrimba