CSS Flexbox va Grid

Zamonaviy web dizayn uchun Flexbox va Grid ni bilish muhim.

Flexbox

Bir o'lchovli layout uchun ideal.

Asosiy xususiyatlar:

```css .container { display: flex; justify-content: center; align-items: center; gap: 20px; } ```

Qachon ishlatish kerak?

Navigatsiya menyulari

Kartochkalar qatori

Markazlashtirish

CSS Grid

Ikki o'lchovli layout uchun ideal.

Asosiy xususiyatlar:

```css .container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } ```

Qachon ishlatish kerak?

Murakkab sahifa layout'lari

Galereya

Dashboard'lar

Qaysi birini ishlatish kerak?

Oddiy bir qatorli layout → Flexbox

Murakkab ikki o'lchovli layout → Grid

Ko'pincha ikkalasini birgalikda ishlatish eng yaxshi!