Zamonaviy web dizayn uchun Flexbox va Grid ni bilish muhim. Float va table layout — eski. MDN Flexbox va MDN Grid — to'liq qo'llanma.
Flexbox
Bir o'lchovli layout. display: flex, justify-content, align-items, gap. Navigatsiya menyulari. Kartochkalar qatori. Markazlashtirish.
CSS Grid
Ikki o'lchovli layout. display: grid, grid-template-columns, gap. 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!
Manba: MDN Flexbox, CSS-Tricks Grid Guide
