Как сделать пропорции у flex-элементов?

Question

[HitGirl]

Здравствуйте!
Я пытаюсь, сделать адаптивный макет, но так чтобы элементы-карточки (flex-элементы) имели пропорции (4:3). Я пробовал использовать единицы измерения относительно высоты/ширины окна. Но на одних устройствах высота больше ширины, на других наоборот, поэтому так не получается. Подскажите, пожалуйста, как такое реализовать? Есть ли какие-нибудь примеры?

Answer 1

[Rsa97]

Отталкивайтесь от чего-то одного. Например:

width: 15vw;
height: 20vw;

Answer 2

[Евгений]

Попробуйте через padding-bottom: 130%