CSS Box Model (padding, border, margin) Asaan Example Se | Web Development Course in Hindi #13

CSS Box Model aaram se, example ke saath! Har element ek box hai — photo frame ke example se samjho content, padding, border aur margin. Phir live: padding se andar jagah, border (solid, dashed, dotted), border-radius se gol kone, margin se boxes ke beech jagah. Padding/margin likhne ke shortcuts (1, 2 aur 4 values), margin: 0 auto se box beech mein, box ka asli size (200 + 40 + 8 = 248px) aur box-sizing: border-box. Aakhir mein Rahul Kumar ki portfolio ke sections ko saaf cards banayenge. ⏱️ Chapters 00:00 Sections chipke hue → saaf cards (preview) 00:26 Pichhli video ka recap + aaj ka plan 00:52 Har element ek box — photo frame example 01:25 padding + border + border-radius (live) 02:11 margin — padding aur margin ka fark (live) 02:36 Shortcuts: 1, 2, 4 values + margin: 0 auto 03:07 Box ka asli size + box-sizing: border-box 03:44 Portfolio ke sections ko cards banao 04:17 Quick Quiz 04:50 Homework + agli video (Display aur Position) 🔗 Links Course ka GitHub (saare projects ka code): https://github.com/codingcush-dev Portfolio live demo: https://codingcush-dev.github.io/port... 📝 Homework: apni portfolio mein padding, margin aur border-radius lagao aur har section ko card banao — screenshot comment mein share karo!