@Onatsky

Как сверстать блоки?

Помогите сверстать все так, чтобы при изменении основного блока (черный), если не помещаются красный и синий блок, то блок который левее уходит вниз, а блок который правее вверх. Вот примерная схема чего хочу добиться:98b5d25e99334055a6dac0aeb25c1391.png
P.S. Красный и синий блоки не имеют фиксированной ширины, она может быть любой, в зависимости от однострочного контента. Ну и следовательно media запросы не подойдут.

Заранее спасибо! ^_^
  • Вопрос задан
  • 310 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На маленьких экранах
1. display:flex черному
order: 10 красному

2. Менять flex-direction

3. Менять float с right на left.

Ширину при которой менять придется высчитывать с помощью JS
Ответ написан
@WQP
codepen.io/Glaswr/pen/eBVvrd

К этому надо обсчёт ширины добавить на js и потом уже для article ставить соответствующий order
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект
22 нояб. 2024, в 22:26
3500 руб./за проект