Responsive Product Cards using HTML & CSS
Hey guys 😎 I'm here again with a highly requested tutorial and I finally did it for you. Watch this video until the very end and learn how to design Responsive Product Cards using HTML & CSS, then you'll definitely be able to add new features to it 😊 Free source code available on my GitHub 👇
📂 Assets
Icons: https://boxicons.com/
Font: https://fonts.google.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Res...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 Product Cards in Desktop
00:28 Product Cards in Mobile
00:53 Product Card elements
01:35 General Styles
02:06 Product Card styles
06:02 Adding some more cards
07:03 Making it responsive
08:16 Final Result
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • BEAUZ & JVNA - Crazy | Electronic Pop...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Je...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein
