YoVDO

Tailwind CSS Tutorial for Beginners

Offered By: Scrimba via YouTube

Tags

Web Design Courses Flexbox Courses Responsive Design Courses

Course Description

Overview

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

Related Courses

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)