Есть такой код:
.container {
display: flex;
justify-content: space-between;
width: 370px;
padding: 0 18px;
flex-wrap: wrap;
}
.container>div {
width: 100px;
height: 100px;
background: red;
border: 2px solid black;
margin-bottom: 27px;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
Когда блоков div
внутри контейнера число кратное трем, то все отражается отлично. Но если убрать один из блоков, то на последней строке блоки будут раскинуты по правой и левой стороне.
Так вот вопрос - как сделать так, чтобы в случае если блоков 5, то пятый блок располагался бы под вторым?