Есть резиновый блок, элементы ( 12+ и Логотип ) в нем должны изменять размеры пропорционально при изменении экрана. Как их спозиционировать так, чтобы они оставались по центру по вертикали, блок с 12+ прибит влево, а логотип по центру?
UPD
Сам блок резиновый и изменяет высоту пропорционально изменению размеров экрана.
Все решил. Использовал flexbox, выровнил по центру, для логотипа задал flex-grow: 1, также padding с %, чтобы стоял по центру. У 12+ ставится width в % , чтобы изменялся. Блок, где расположены элементы тоже с flex-grow.
iamvavilon: вы сами представляете как это будет выглядеть? если у вас будет сжиматся еще и высота? то ваш лого и 12 + станет размером с писчинку, и вы ничего не увидите, возможно все, главное понять, зачем оно и стоит ли усилий, а вообще подобная вещь очень легко делается на flexbox
Михаил Чирский: У самого блока есть минимальная высота, так что со сжатием элемента проблем нет. С резиновым элементом 12+ уже решил, на хабре статейку нашел с адаптивными фоновыми изображениями. Сам сайт на флексбоксе, да, надо глянуть, как можно реализовать. Просто надо сегодня, времени пока что нет :)
