Learn Tailwind CSS: Build a Responsive Product Card
Elevate your web creation skills withTailwind CSS! Learn really to build a stunning, afloat responsive merchandise paper for an e-commerce site.. š Access interactive lessons and commencement coding now: https://v2.scrimba.com/build-a-product-card-with-tailwind-css-c07sjqf1ak?utm_source=youtube&utm_medium=video&utm_campaign=fcc-tailwind-product-card By the extremity of this course, you'll person built a afloat responsive merchandise paper for a web store, utilizing industry-standard mockups for some desktop and mobile. Whether you're designing for clients aliases individual projects, these techniques will thief you trade professional, polished websites faster and pinch much control. Scrimba connected YouTube: https://www.youtube.com/c/Scrimba āļø Contents āļø 0:00:00 Introduction to the course 0:03:35 A ace quickTailwindCSS recap 0:10:28 Aside - The tailwind.config object 0:13:39 Adding civilization colours 0:16:33 Aside - Fonts successful TailwindCSS 0:19:05 Adding civilization fonts 0:22:01 Aside - Max width successful TailwindCSS 0:24:27 Crafting the card 0:27:26 Font and Text Classes 0:30:46 Aside - Gradients successful TailwindCSS 0:34:06 Styling the buttons 0:40:02 Aside - Lists successful TailwindCSS 0:43:50 Styling the features section 0:47:44 Aside - Grids successful TailwindCSS 0:50:31 Mobile and desktop views 0:55:00 Aside - Background images successful TailwindCSS 0:59:50 Adding the inheritance images 1:02:25 Aside - Transforms successful TailwindCSS 1:07:10 Aside - Transitions successful TailwindCSS 1:09:30 Styling the wishlist button 1:10:56 Aside - Arbitrary values successful TailwindCSS 1:14:13 Adding the dropshadow 1:15:38 Congratulations! š Thanks to our Champion and Sponsor supporters: š¾ Drake Milly š¾ Ulises Moralez š¾ Goddard Tan š¾ David MG š¾ Matthew Springman š¾ Claudio š¾ Oscar R. š¾ jedi-or-sith š¾ Nattira Maneerat š¾ Justin Hual -- Learn to codification for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles connected programming: https://freecodecamp.org/news