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

YouTube

Tailwind CSS Tutorial for Beginners

Scrimba via YouTube

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

Reviews

Start your review of Tailwind CSS Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.