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

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

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

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

P.S Дело не в медиазапросах и не в ордерах, это и так понятно.
Но родительский блок в котором находятся эти три элемента, если ему задать flex-row то логично они пойдут в ряд, а как тогда сохранить второй блок под первым, и на мобилке поменять ордер чтобы было так как на схеме
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 5
l3ftoverz
@l3ftoverz Куратор тега CSS
Dance Gavin Dance - Inspire The Liars
Задать банальный flex-basis и элементы сами перенесутся, если не влезут.
Но тут придётся описать media запрос, что бы изменять order элементов.
Ответ написан
bugo_aneo
@bugo_aneo
Верстальщик по жизни, йог, буддист, кофеман
Боюсь на флексах такое сделать не удастся. Тут надо 3 дать флоат или абсолют: любым способом выбить из потока, и там зафиксировать.
Ну или на грядах, как в примере выше. Это самый лучший выход.
Только умоляю: не городи дубляжа блоков.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
15 авг. 2020, в 05:23
5000 руб./за проект
15 авг. 2020, в 04:49
5000 руб./за проект
15 авг. 2020, в 04:41
2000 руб./за проект