Додайте свій проект безкоштовно і почніть отримувати пропозиції від фрілансерів-виконавців вже через хвилини після публікації!

Адаптивный дизайн - расположение блоков - перемещение sidebar

минув час актуальності


Имеется шаблон https://jsfiddle.net/u0t72dgh/2/

В мобильном представлении (до 768px - сверху вниз - одним единственным блоком) необходимо отображение следующим образом: шапка -> контент -> левый сайдбар -> правый сайдбар. А ОТ 768px и до 1024px разместить в правой части страницы контент левого садбара, а сразу за ним правого, а в левой части должен отображаться блок с контентом. А уже от 1025px переносить левый сайдбар с контентом в левую часть, в итоге структура должна стать такой (слева направо): левый сайдбар -> контент -> правый сайдбар.

Хотелось бы чтобы это было реализовано на чистом HTML\ CSS, без JS. 

Картинку, которая демонстрирует всё вышеописанное я прикрепил.  Здесь она почему то не вставилась. 



Додатки 1

Перегляд контактної інформації доступний тільки зареєстрованим користувачам.


  1. 1 день700 ₽
    Алексей Романов
     339   4   0

    Готов выполнить

    Україна Харків | 14 лютого о 00:49 |
  2. 2 дні3250 ₽
    Andrey Polischuk
     412   4   0

    Добрый день! Буду рад с Вами поработать.
    Мой скайп: facebook:ms.dgordg

    Україна Київ | 14 лютого о 01:41 |
  3. 3 дні1000 ₽
    Роман Гураль
     1560  перевірений   61   0

    Сделаю, обращайтесь

    Україна Львів | 14 лютого о 07:31 |
  4. 2 дні500 ₴
    Orest Zherebetskyi
     313   2   0

    все понятно
    готов выполнить все указания

    Україна Тернопіль | 14 лютого о 16:14 |
  5. 3 дні490 ₴
    Иван Савкив
     165 

    Мои роботы:
    http://ivansavkiv19.ho.ua/ex01
    http://ivansavkiv19.ho.ua/ex02
    http://ivansavkiv19.ho.ua/ex03
    http://ivansavkiv19.ho.ua/ex04
    Email: [email protected]
    Skype: misha.misha.ru
    tel.: +380680728746, +380950742638

    Україна Івано-Франківськ | 15 лютого о 13:45 |
  6. 1 день500 ₴
    Сергей Старостенко
     199 

    Сделаю все как Вы скажите! Качественно и быстро! Пишите)

    Україна Харків | 15 лютого о 23:40 |
  7. 3 дні200 ₴
    Артём Фоменко
     212 

    Обсудим. Почта [email protected], скайп fomi4__

    Україна Покровск (Красноармійськ) | 17 лютого о 22:44 |
  1.  фрілансер більше не працює на сервісі

Замовник
Проект опублікований
14 лютого о 00:20
56 переглядів
Поділитися