Quality Direct HD

Player Settings

Playback & Stream Preferences

Quality Auto

Autoplay Auto start playback

Buffer Control Smooth (60s)

Player Engine:

Play

Extracting media streams...

Tip

⚡ Direct Stream Active • Switch to Framed only if preferred • If video or audio lags, change quality format • Shortcuts: Space / K = Play/Pause, ← / → = 10s Seek, M = Mute • Adjust buffer in Player Settings ⚙️ ⚡ Direct Stream Active • Switch to Framed only if preferred • If video or audio lags, change quality format • Shortcuts: Space / K = Play/Pause, ← / → = 10s Seek, M = Mute • Adjust buffer in Player Settings ⚙️

Design Responsive Product Cards using HTML & CSS

Pahrurozi Channel

3y ago Instant removal

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