Часто встречается задача расположить элемент по центру, во флекс контейнере элемент центрируется только в свободном пространстве(не сработает когда блок слева и справа разных размеров), а нужно по центру всего контейнера. Обычно подправляю расположение с помощью margin или left, rigth. В адаптиве приходится это все переписывать конечно, что неудобно. Какие способы вы используете, как лучше делать?
<div class="wrap">
<div class="block block1"></div>
<div class="block block2"></div>
<div class="block block3"></div>
</div>
.wrap{
display: flex;
justify-content: space-between;
border: 2px solid red;
}
.block{
height: 200px;
border: 2px solid blue;
}
.block1{
width: 100px;
}
.block2{
width: 100px;
}
.block3{
width: 500px;
}
