Flexbox
Настраивайте свойства блоков, чтобы понять, как располагаются элементы.
flex-direction
Направление главной оси
justify-content
Выравнивание по главной оси (X)
align-items
Выравнивание по поперечной оси (Y)
flex-wrap
Перенос элементов
gap
Отступ между элементами
10px
Результат
Блоки: 3
1
2
3
CSS