CSS Tutorial - Flexbox - Modern Layout
🔲 Flexbox - Easy Alignment
🌟 Flexbox Kyu?
📱 Responsive layout
⚖️ Center alignment easy
📊 Equal spacing automatic
🎯 Key Properties
| Property | Use |
|---|---|
| display: flex | Flex container banao |
| justify-content | Horizontal alignment |
| align-items | Vertical alignment |
| flex-direction | Row ya column |
💡 Magic Property:
Center anything: justify-content: center; align-items: center;
Example
.container {
display: flex;
justify-content: center;
}