Как спозиционировать элементы в резиновом блоке?

Question

[iamvavilon]

Есть резиновый блок, элементы ( 12+ и Логотип ) в нем должны изменять размеры пропорционально при изменении экрана. Как их спозиционировать так, чтобы они оставались по центру по вертикали, блок с 12+ прибит влево, а логотип по центру?



UPD

Сам блок резиновый и изменяет высоту пропорционально изменению размеров экрана.

Answer 1

[iamvavilon]

Все решил. Использовал flexbox, выровнил по центру, для логотипа задал flex-grow: 1, также padding с %, чтобы стоял по центру. У 12+ ставится width в % , чтобы изменялся. Блок, где расположены элементы тоже с flex-grow.

Answer 2

[Родион Мещеряков]

Например, так

Comments

[iamvavilon]

Сам блок резиновый и изменяет высоту пропорционально изменению размеров экрана.

[Михаил Чирский]

iamvavilon: вы сами представляете как это будет выглядеть? если у вас будет сжиматся еще и высота? то ваш лого и 12 + станет размером с писчинку, и вы ничего не увидите, возможно все, главное понять, зачем оно и стоит ли усилий, а вообще подобная вещь очень легко делается на flexbox

[iamvavilon]

Михаил Чирский: У самого блока есть минимальная высота, так что со сжатием элемента проблем нет. С резиновым элементом 12+ уже решил, на хабре статейку нашел с адаптивными фоновыми изображениями. Сам сайт на флексбоксе, да, надо глянуть, как можно реализовать. Просто надо сегодня, времени пока что нет :)

[iamvavilon]

Михаил Чирский: вопрос в том, как расположить 12+ влево, а лого оставить по центру

[Михаил Чирский]

iamvavilon: не вижу проблем с этим на flexbox