Как сделать пустые блоки с высотой уменьшающейся пропорционально?

Допустим у меня есть главный блок в котором находятся другие дочерние блоки.

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