Задать вопрос

Sharamoff

Игорь Шарамов @Sharamoff

Арт-директор, веб-дизайн, фронтэнд разработчик

flexbox

Flexbox

Возможно ли на flex реализовать вот такую схему перемещения колонок-блоков сайта?

Вопрос задан более трёх лет назад
58 просмотров

5 комментариев

Подписаться 2 Средний 5 комментариев

Владимир Скибин @megafax

А почему не использовать для этого grid ?

Написано более трёх лет назад
Алексей Скляров @0example

Можно, сделайте с помощью order

Написано более трёх лет назад
Игорь Шарамов @Sharamoff Автор вопроса

Алексей Скляров, нет, orderом никак

Написано более трёх лет назад
Игорь Шарамов @Sharamoff Автор вопроса

Владимир Скибин, нет, нужно именно flex. Или по media отключить flex, но тогда на float.

Написано более трёх лет назад
Игорь Шарамов @Sharamoff Автор вопроса
Вся схема media переключателей выглядит примерно так
<div class="pagewrap"> <div class="page-content">...</div> (2) <aside class="col-left">...</div> (1) <aside class="col-right">...</div> (3) </div> <div class="footer">...</footer> (4)

Варианты A, C, D легко реализуются на flex. А с B затык.
Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Средний
Как сделать такую верстку на гридах?
- 1 подписчик
- 11 апр.
- 124 просмотра
2

ответа
HTML

+2 ещё

Простой
Как скрыть flex-элемент, при этом убрать дополнительный gap-отступ?
- 1 подписчик
- 02 апр.
- 49 просмотров
0

ответов
HTML

+2 ещё

Простой
Как перенести блок справа вниз под другой блок?
- 1 подписчик
- 24 февр.
- 77 просмотров
1

ответ
Flexbox

Простой
Не работает flex-direction: row; Как быть?
- 1 подписчик
- 25 янв.
- 51 просмотр
0

ответов
HTML

+2 ещё

Простой
Один флекс элемент не уменьшается, а другой нет. Как решить?
- 1 подписчик
- 11 янв.
- 102 просмотра
0

ответов
HTML

+3 ещё

Средний
Почему появляется горизонтальный скролл при использовании grid?
- нет подписчиков
- 07 янв.
- 93 просмотра
1

ответ
CSS

+1 ещё

Простой
Как подогнать ширину блока внутри flex под контент?
- 1 подписчик
- 04 янв.
- 76 просмотров
2

ответа
CSS

+1 ещё

Простой
Почему дивы в flex-контейнере не растягиваются в высоту?
- 1 подписчик
- 25 дек. 2023
- 116 просмотров
2

ответа
CSS

+1 ещё

Простой
Как расположить «абсолютный» элемент так, чтобы он не прятался за границами flexbox?
- 1 подписчик
- 21 дек. 2023
- 47 просмотров
1

ответ
Вёрстка

+1 ещё

Простой
Как с float перейти на flex?
- 1 подписчик
- 15 дек. 2023
- 73 просмотра
1

ответ
Показать ещё Загружается…

Продакт дизайнер в финтех

Module Agency

от 110 000 до 190 000 ₽

Golang developer middle

Posman

До 200 000 ₽

PPC Team Lead Amazon (Senior)

GORA Group

от 2 500 $

Необходимо сверстать приложение согласно макету Figma используя React

26 апр. 2024, в 22:22

1500 руб./за проект

Написать модуль подключения матрицы Sony к ПЛИС (Verilog)

26 апр. 2024, в 21:30

15000 руб./за проект

8266 f12 требуется сделать ревью и оптимизировать работу

26 апр. 2024, в 20:42

2000 руб./за проект