0

Суть вопроса в заголовке, вот наглядный пример того, что хочу сделать.

Проблема в том, что для desktop версии должно быть две колонки - content и sidebar, но чтобы переместить sidebar media-запросами, он должен быть внутри content. :(

Пытался сделать desktop версию с sidebar внутри content, однако получалось следующее:

.content {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-template-areas: "content sidebar" "content sidebar" .... // И вот так столько раз, сколько будет строк в сетке (grid row), а их количество неизвестно. 
}

1 ответ 1

1

Я бы сделал так:

$( ".sidebar" ).insertAfter( ".block" );

Где ".block" - элемент после которого будет расположен сайдбар. Вы можете исполнять это при разрешении меньше чем сколько-то:

if ($(window).width() > 765) {
        $( ".sidebar" ).insertAfter( ".block" );
      }

Можно исполнять эту функцию при загрузке и ресайзе, все должно работать.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.