Designing with Tailwind CSS

Designing with Tailwind CSS

Adam Wathan via YouTube Direct link

Designing with Tailwind CSS: Cropping and Positioning Images

13 of 22

13 of 22

Designing with Tailwind CSS: Cropping and Positioning Images

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. 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.