Build a Product Card with Tailwind CSS
Designer, Developer, Learner, Educator, Researcher
Scrimba About this course
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store.
What you'll learn
Introduction to this course
3:06
A super quick TailwindCSS recap
6:51
Aside - The tailwind.config object
3:09
Adding custom colours
3:03
Aside - Fonts in TailwindCSS
2:30
Adding custom fonts
2:53
Aside - Max width in TailwindCSS
2:22
Crafting the card
2:57
Font and Text Classes
3:17
Aside - Gradients in TailwindCSS
3:17
Styling the buttons
5:53
Aside - Lists in TailwindCSS
3:45
Styling the features section
3:51
Aside - Grids in TailwindCSS
2:44
Mobile and desktop views
4:26
Aside - Background images in TailwindCSS
4:12
Adding the background images
2:32
Aside - Transforms in TailwindCSS
4:42
Aside - Transitions in TailwindCSS
2:16
Styling the wishlist button
1:23
Aside - Arbitrary values in TailwindCSS
3:14
Adding the dropshadow
1:22
Congratulations!
1:23
How to Utilize Your Certificate
0:56
