Помогите пожалуйста, перерыл кучу источников внятного объяснения этому так и не нашел.
Как сделать каталог на флексах? Хочу сделать, например, 3 позиции на одной строке и следующие 2 на другой строке.Как сделать это без отдельных разрывов,с нормальным позиционированием, чтобы потом можно было использовать в адаптивной верстке?
Как делать каталог на флекс элементах например 4 на 2 (4 -1 одна строка,2-вторая строка), 3 на 3 и т.д., как правильно расположить элементы?
Прилагаю свой код:
.section1 {
display: flex;
flex-wrap: wrap;
}
.section2 {
display: flex;
}
.wrapper {
max-width: 900px;
display: flex;
flex-wrap: wrap;
}
.block {
width: 100px;
height: 100px;
border:10px solid;
background-color: yellow;
}
<div class="wrapper">
<div class="section1">
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
</div>
<div class="section2">
<div class="block">
</div>
<div class="block">
</div>
</div>
</div>
Пытался разбить все на 2 секции по ширине в 100%
- не вышло. Свойство flex-wrap
тоже не помогло.