Completed
Designing with Tailwind CSS: The Utility-First Workflow
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Designing with Tailwind CSS
Automatically move to the next video in the Classroom when playback concludes
- 1 Designing with Tailwind CSS: Setting up Tailwind and PostCSS
- 2 Designing with Tailwind CSS: The Utility-First Workflow
- 3 Designing with Tailwind CSS: Responsive Design
- 4 Designing with Tailwind CSS: Hover, Focus, and Active Styles
- 5 Designing with Tailwind CSS: Composing Utilities with @apply
- 6 Designing with Tailwind CSS: Extracting Reusable Components
- 7 Designing with Tailwind CSS: Customizing Your Design System
- 8 Designing with Tailwind CSS: Optimizing for Production with Purgecss
- 9 Designing with Tailwind CSS: Structuring a Basic Card
- 10 Designing with Tailwind CSS: Making Text Content Feel Designed
- 11 Designing with Tailwind CSS: Working with SVG Icons
- 12 Designing with Tailwind CSS: Designing a Badge
- 13 Designing with Tailwind CSS: Cropping and Positioning Images
- 14 Designing with Tailwind CSS: Locking an Image to a Fixed Aspect Ratio
- 15 Designing with Tailwind CSS: Creating Depth with Shadows and Layers
- 16 Designing with Tailwind CSS: Building a Navbar Layout with Flexbox
- 17 Designing with Tailwind CSS: Toggling the Navbar Links on Mobile
- 18 Designing with Tailwind CSS: Making the Navbar Responsive
- 19 Designing with Tailwind CSS: Styling a Dropdown Menu
- 20 Designing with Tailwind CSS: Positioning the Dropdown Area
- 21 Designing with Tailwind CSS: Making the Dropdown Interactive
- 22 Designing with Tailwind CSS: Adapting the Dropdown for Mobile
