Есть 10 элементов шириной 30px нужно с применением флексбокс выровнять их по горизонтали в родителе шириной 200px чтобы получилось по 5 элементов в 2 строки. Вот пример кода:
.filter__select-color {
justify-content: space-between;
flex-wrap: wrap;
height: 70px;
}
.color__item {
max-width: 30px;
height: 30px;
border-radius: 3px;
background: #454a4d;
flex-basis: 30px;
cursor: pointer;
}
<div class="filter__select-color">
<div class="color__item color_black"></div>
<div class="color__item color_orange"></div>
<div class="color__item color_blue"></div>
<div class="color__item color_lightblue"></div>
<div class="color__item color_green"></div>
<div class="color__item color_gray"></div>
<div class="color__item color_sand"></div>
<div class="color__item color_white"></div>
<div class="color__item color_pink"></div>
<div class="color__item color_beige"></div>
</div>
Уже голову сломал над этим. Что я делаю не так?