Всем привет!
Столкнулся с проблемой верстки вот такого компонента:
Верстаю на bootstrap 4, такие требования для верстки. Вопрос состоит в том, каким образом можно сверстать данный компонент так, чтобы сохранялись пропорции при изменении ширины компонента? Т.е например оранжевый блок был всегда квадратным. На просторах интернета нарыл, что можно регулировать пропорции с помощью padding-bottom в процентах, но тогда придется все внутренние элементы позиционировать с помощью абсолютного позиционирования. Не уверен, что такая схема является наиболее правильной. Может ли кто-нибудь из продвинутых верстальщиков поделиться своим опытом в даннос вопросе? Спасибо большое заранее!