Flexbox
Flexbox предназначен для одномерных макетов (строки или столбцы).
.container { display: flex; justify-content: center; align-items: center; }CSS Grid
Grid предназначен для двумерных макетов (сетки).
.container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }Когда что использовать?
- Flexbox — для компонентов, навигации, выравнивания
- Grid — для сложных макетов страниц, галерей
