CSS Layouts & Box Model
Ma'am, aaj ke lecture (18 Nov) ke mutabiq, maine Divs, Sections, Padding, Margin, Flexbox aur
Grid ko implement kiya hai.
1. The Box Model (Padding vs Margin)
Neeche wala grey box Container hai. Blue box uske andar hai.
Yeh Box hai!
Padding: Mere text aur border ke darmiyan jagah.
Margin: Mere aur doosre elements ke darmiyan jagah.
2. CSS Flexbox (One Dimensional)
Yeh items ek line (row) me automatically adjust ho rahe hain.
Flex Item 1
Flex Item 2
Flex Item 3
3. CSS Grid (Two Dimensional)
Yeh items rows aur columns dono me organize hain (3 columns layout).
Grid 1
Grid 2
Grid 3
Grid 4
Grid 5
Grid 6
← Back to CSS Basics
Go To Learning Resources
View this
page's source code