Документация
- MDN: Базовые концепции flexbox
- MDN: Выравнивание элементов во flex-контейнере
- MDN: свойство flex
- CSS-Tricks: A Complete Guide to Flexbox
- web.dev: Learn CSS — Flexbox
Тренажёры
- Flexbox Froggy — игра на свойства контейнера и осей.
- Flexbox.help — интерактивный конструктор раскладки.
Что повторить перед уроком: блочная модель,
display,
ширины/flex-basis, отступы и работа с DevTools из предыдущих уроков, а также свойства
justify-content/align-items/gap из урока 24.