Completed
Designing with Tailwind CSS: Locking an Image to a Fixed Aspect Ratio
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