Video by via Dailymotion
Source
Hi guys, in this video we are going to create a responsive card design using HTML and CSS. The card design is able to adjust to your screen size whether it’s Mobile, Tablet and Desktop. Let’s desgin it together!
Assets
Images: https://www.dropbox.com/scl/fo/xa2s8fqbyrine7p5tgmb6/h?dl=0&rlkey=3glp0kv0gfh41618zd9ggxrev
Font: https://fonts.google.com/specimen/Inter?query=inter
⏱ Timestamps
00:00 Responsive Product Cards Preview
00:08 Desktop Mode
00:15 Tablet Mode
00:35 Mobile Mode
01:00 Assets Prepare
01:13 Create Card Element
02:10 Create Styling Card
01:13 Create Card Element
04:31 Add Card Element
05:16 Set Grid Container All Mode
07:23 Thank You For Watching
Thanks for watching, I appreciate it
Made with by Pahrurozi
#carddesign
#css3
#htmlcsstutorial