Таблица сравнения Flexbox и Grid

📚 СправочникHTML & CSS

Кратко

Справочник для повторения после прохождения курса и проверки итогового проекта.

Материалы

ПунктЧто проверить
FlexboxОдномерная раскладка: ряд или колонка, навигация, выравнивание, небольшие компоненты.
GridДвумерная сетка: строки и колонки одновременно, страницы, dashboards, magazine layouts.
КомбинацияGrid задаёт крупный layout, Flexbox выравнивает содержимое внутри ячеек.
Правило выбораЕсли важен поток элементов — Flexbox; если важна схема сетки — Grid.

Навигация