Build a Product Card with Tailwind CSS

Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store.

Avatar of Rachel Johnson
Duration
75 min
Intermediate
TierFree
Follow
Start Course
Content
About
Introduction to this course
A super quick TailwindCSS recap
Aside - The tailwind.config object
Adding custom colours
Aside - Fonts in TailwindCSS
Adding custom fonts
Aside - Max width in TailwindCSS
Crafting the card
Font and Text Classes
Aside - Gradients in TailwindCSS
Styling the buttons
Aside - Lists in TailwindCSS
Styling the features section
Aside - Grids in TailwindCSS
Mobile and desktop views
Aside - Background images in TailwindCSS
Adding the background images
Aside - Transforms in TailwindCSS
Aside - Transitions in TailwindCSS
Styling the wishlist button
Aside - Arbitrary values in TailwindCSS
Adding the dropshadow
Congratulations!
How to Utilize Your Certificate
Certificate of Completion