Документация
- MDN — Выравнивание элементов во flex-контейнере
- MDN —
align-items - MDN —
align-self - MDN —
align-content - MDN —
gap - MDN —
flex(grow / shrink / basis)
Гайды и практика
- CSS-Tricks — A Complete Guide to Flexbox
- web.dev — Learn CSS: Flexbox
- Flexbox Froggy — игра-тренажёр по свойствам Flexbox
Что повторить: урок 22 (
display: flex), урок 23 (главная и поперечная оси, justify-content), блочная модель, отступы и работа с DevTools.