CSS Flexbox Part 2 — flex-wrap, flex-grow + Gallery Project | Web Development Course in Hindi #16

Flexbox Part 2 — aaram se, examples ke saath, aur ek asli photo gallery project! Pehle samjho flex-wrap — copy mein likhne ke example se: line bhar gayi to agli line. Phir live gallery mein flex-wrap: wrap, aur object-fit: cover se photos crop hoti hain, kheenchti nahi. Phir flex-grow (bache hue pizza ke example se), flex-shrink, flex-basis, shorthand flex: 1 1 400px aur bonus order. Live boxes ke saath flex-grow: 1 aur #two { flex-grow: 2 }. Aakhir mein gallery poori — har screen pe har row bhari hui, responsive gallery. ⏱️ Chapters 00:00 Ek line mein thoonsi photos → saaf gallery (preview) 00:29 Pichhli video ka recap + aaj ka plan 01:00 flex-wrap — jagah khatam, agli line 01:32 Live: photo gallery mein flex-wrap + object-fit 02:24 flex-grow, flex-shrink, flex-basis aur order 03:20 Live: boxes ke saath flex-grow 03:55 Gallery poori karo — flex: 1 1 400px 04:27 Quick Quiz 05:05 Homework + agli video (CSS Grid) 🔗 Links Course ka GitHub (saare projects ka code): https://github.com/codingcush-dev Portfolio live demo: https://codingcush-dev.github.io/port... 📝 Homework: apni pasand ki photos se ek gallery banao — flex-wrap: wrap aur flex: 1 1 300px se — browser chhota-bada karke dekho, screenshot comment mein share karo! ━━━━━━━━━━━━━━━━━━━━━━ 📚 Poora course ek jagah (playlist, sequence mein):    • Web Development Full Course in Hindi (2026...   ◀ Pichhli video: Video 15 — CSS Flexbox Part 1 ▶ Agli video: Video 17 — CSS Grid (jald aa rahi hai) #CSS #Flexbox #WebDevelopment #HindiTutorial #CodingCush