Designing with Tailwind CSS

Designing with Tailwind CSS

Adam Wathan via YouTube Direct link

Designing with Tailwind CSS: Composing Utilities with @apply

5 of 22

5 of 22

Designing with Tailwind CSS: Composing Utilities with @apply

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Designing with Tailwind CSS

Automatically move to the next video in the Classroom when playback concludes

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

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.