@fristyr
Начинающий вэб разработчик

Как правильнее сделать такую раскладку?

5f1063dd2c603713125308.png
Нарисовал на схемке как блоки должны быть:
Верхний - декстоп
Нижний - планшетная версия

Как можно такое на флексах?

P.S Дело не в медиазапросах и не в ордерах, это и так понятно.
Но родительский блок в котором находятся эти три элемента, если ему задать flex-row то логично они пойдут в ряд, а как тогда сохранить второй блок под первым, и на мобилке поменять ордер чтобы было так как на схеме
  • Вопрос задан
  • 93 просмотра
Решения вопроса 3
Медия запросы.
Ответ написан
Комментировать
Chefranov
@Chefranov
Новичок
Медиа запросы и order в помощь
Ответ написан
Комментировать
hzzzzl
@hzzzzl
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
Боюсь на флексах такое сделать не удастся. Тут надо 3 дать флоат или абсолют: любым способом выбить из потока, и там зафиксировать.
Ну или на грядах, как в примере выше. Это самый лучший выход.
Только умоляю: не городи дубляжа блоков.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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