Я создаю виджет с ответами, которые могут быть выбраны пользователем, и я хочу разместить их так: https://jsfiddle.net/yxs1bmq6/1/
Измените размер окна и посмотрите на коробки.
Есть ли простой способ сделать макет, работающий так?
HTML:
<div class="container">
<div class="box">
box1
</div>
<div class="box">
box2
</div>
...
</div>
CSS:
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: space-around;
background-color: aqua;
height: 500px;
}
.box {
background-color: green;
padding: 50px;
}
Задача ещё не решена.
Других решений пока нет …