CSS:
.FlRBK2 {
position: relative;
margin-top: 8px;
}
.FlRBK2 {
img {
display: block;
position: absolute;
max-width: 100%;
}
}
.MainText {
position: absolute;
}
HTML:
<main>
<div class="FlRBK2">
<div class="FlorensImage"><img src="/Images/Adidas/Florens_RBK2.jpg" alt="FlorensRBK2"></div>
<section class="MainText"><p>Always Be Powerfull for new wins</p></section>
</div>
</main>
Каким образом можно расположить картинку по центру всего сайта так, чтобы при изменении размера сайта картинка уменьшалась вместе с ним, а не обрезалась?
У меня она получилась адаптивной, но по центру расположить я ее не смог.
Свойства:
margin-left: auto;
margin-right: auto;
не работают