Здравствуйте, у меня есть блок:
<div class="mainscreen__content">
<div class="container">
</div>
</div>
Мне нужно было выровнять блок mainscreen__content по центру вертикально и для этого я ему задал:
.mainscreen__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
И теперь из-за этого блока не работает container, не работает значение margin: 0 auto;
А мне нужно чтобы отступы автоматически определялись слева и справа,
теперь это не работает из-за вертикального выравнивания.
Какое решение здесь мне порекомендуете? Чтобы и вертикально блок выровнять и чтобы margin: 0 auto; работал.
Заранее спасибо