Как сделать горизонтальное выравнивание статей в блоге, как высчитать равную ширину с помощью функции calc()
, задать отступ блокам по 10px?
Но так, чтобы блоки сильно не сжимались, задать им что-то типа фиксированной ширины.
Вот код:
.articles {
min-height: 500px;
max-width: 1000px;
margin: 0 auto;
background: #ccc;
}
.articles__list {
display: flex;
flex-wrap: wrap;
}
.articles__item {
background: red;
width: 200px;
height: 200px;
margin-bottom: 10px;
margin-left: 10px;
}
<section class="articles">
<ul class="articles__list">
<li class="articles__item">
<article></article>
</li>
<li class="articles__item">
<article></article>
</li>
<li class="articles__item">
<article></article>
</li>
<li class="articles__item">
<article></article>
</li>
</ul>
</section>