Задать вопрос
@iamvavilon
html

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

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

f69bfc46727849a182a44829933ca79a.png

UPD

Сам блок резиновый и изменяет высоту пропорционально изменению размеров экрана.
  • Вопрос задан
  • 140 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@iamvavilon Автор вопроса
Все решил. Использовал flexbox, выровнил по центру, для логотипа задал flex-grow: 1, также padding с %, чтобы стоял по центру. У 12+ ставится width в % , чтобы изменялся. Блок, где расположены элементы тоже с flex-grow.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
rodionme
@rodionme
Например, так
Ответ написан
5 комментариев
5 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайнер, сделать монетизацию для Web расширения
19 апр. 2024, в 16:08
10000 руб./за проект
Очистка ин.текста с изображения и создание обложки+корешка для книги
19 апр. 2024, в 15:34
14000 руб./за проект
Разработать фронтенд для интернет-магазина на фреймворке TS
19 апр. 2024, в 15:33
60000 руб./за проект
Ещё заказы