Как при резиновой верстке задать квадратным элементам одинаковую высоту и ширину?

Question

[Вадим Свердлик]

У меня в ряду 4 элемента и при адаптиве они должны оставаться в таком же количестве, их должно быть 4, ширина задана 25%, но как прировнять высоту к ширине? чтобы они так же при адаптиве оставались квадратными?Спасибо

Answer 1

[Юрий]

Используйте padding-bottom: 100%.
Можете посмотреть, как подобное сделано в Бутстрапе, например: https://getbootstrap.com/docs/4.5/utilities/embed/