Groyreg
@Groyreg
Front-end

Расположение элементов с помощью flexbox?

Добрый день.

Есть следующая необходимость:

https://jsfiddle.net/v8n2mu6s/27/

1. Изначально все три блока должны стоять в один ряд.
2. Блок 1 и 2 имеют заданную ширину. (по возможности использовать доступные свойства flexbox)
3. Блок 3 должен тянуться на оставшуюся доступную ширину.
4. При сужении окна браузера блоки 1 и 2 могут уменьшаться до какой-то минимальной ширины, а после блок 2 должен вставать под блок 1, и блок 3 соответственно должен растягиваться на освободившуюся ширину от блока 2.

Реализация интересует исключительно на флексах, такое возможно?
Заранее спасибо.
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
@ART_CORP
Девиз по жизни, если не сейчас , то когда?
Добрый день.
Вам тут медиа запросы нужны ,без медиа запросов разве что на js.
Почему?
Все просто, что бы блок 3 занял свободное место в данном случаи нужно через order поменять их местами с 2 блоком.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Amirez
@Amirez
В чем секрет кота Бориса?
Играть со свойствами flex-grow, flex-shink и flex-basis
Пример, может что получиться)
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
YLab Тольятти
от 70 000 до 130 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
14 авг. 2018, в 12:00
600 руб./в час
14 авг. 2018, в 11:32
1500 руб./за проект