Как динамически изменять высоту блока?

Question

[nomta]

Как указать размеры блока при верстке флексбоксами, чтобы, независимо от его содержимого, высота динамически изменялась вместе с шириной, сохраняя пропорции? Есть "правильный" способ? Делаю так (sass):

div
    overflow: hidden
    &:before
        content: ''
        padding-top:  100%
        float: left

Проблема в том, что это не работает в хроме.

Возможно, я хочу того, чего по определению не должно быть? Флексбоксы для меня тема новая и, подозреваю, что они просто не предназначены для этого.

Answer 1

[profesor08]

Вам сюда: https://benmarshall.me/responsive-iframes/
Не смотрите на название, это подходит для всех блоков.

Comments

[nomta]

Благодарю. Правда, это, опять же, не про флексбокс. Но, возможно, флексбокс просто не предназначен для этого.