Делаю адаптив с flexbox. Необходимо, чтобы при медиа-запросе @media (max-width: 1200px) картинки выстраивались не в колонку, а в две колонки. Каким свойством CSS это можно сделать?
.row {
display: flex;
flex-direction: row;
}
.images {
justify-content: space-around;
}
@media (max-width: 1200px) {
.images {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
<div class="images row">
<img src="https://clck.ru/FKpWo">
<img src="https://clck.ru/FKpWo">
<img src="https://clck.ru/FKpWo">
<img src="https://clck.ru/FKpWo">
</div>
В представленном коде получается только одна колонка. Мне надо сделать 2 колонки, чтобы в каждой было по 2 картинки. Разделить дивами не вариант.