Изучение CSS и Flexbox может быть предметом обсуждения. Вот несколько советов, которые могут помочь вам на этом пути:
Изучите основы CSS. Чтобы понимать Flexbox, необходимы хорошие знания о CSS. Поэтому начните с основными свойствами CSS, такими как селекторы, свойства, значения, блочная модель, позиционирование и т.д. д.
Изучите основы Flexbox. Прочтите документацию и учебники по Flexbox, чтобы понять общие черты и свойства Flexbox. Важно понимать, как работают основные свойства Flexbox.
Практикуйтесь. Создавайте макеты и пробуйте различные свойства Flexbox. Вам лучше понять, как работает Flexbox и как его можно использовать для создания различных макетов.
использовать ресурсы. Существует множество ресурсов в Интернете, которые могут помочь вам изучить CSS и Flexbox.
Есть хороший интерактивный тренажёр, который в игровой форме позволяет выучить и закрепить основные инструменты позиционирования элементов внутри Flexbox.
По сути это своеобразная игра жанра Tower Defense, где нужно размещать... Читать далее
сделайте 6-7 блоков 100 на 100px. оберните в див контейнер и попрактикуйтесь. все что вам нужно есть в доках но для более сложных сеток лучше грид. вот хорошая статья https://tproger.ru/translations/how-css-flexbox-works/