Groyreg
@Groyreg
Front-end

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

Добрый день.

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы