CSS layout

На интервью по layout проверяют, выбираете ли вы правильный алгоритм: одномерное распределение, двумерные tracks, выход из потока через positioning, адаптацию к viewport или локальную отзывчивость компонента.

Подтемы: Flexbox, Grid, positioning, responsive design и container queries.

На интервью: сравните Flexbox и Grid для сетки карточек, объясните, когда sticky не срабатывает, и когда container queries лучше breakpoints по viewport.

Типовые ошибки: Flexbox для двух осей, absolute positioning для каркаса страницы, breakpoints без учёта переиспользования компонентов.

Чеклист:

• Flexbox — одна main axis; Grid — строки и столбцы вместе.
• Сохраняйте normal flow, где возможно.
• Начинайте с fluid; breakpoints под контент.
• Объявляйте container-type до @container.