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

Как правильно сделать такой адаптив?

Привет! У меня есть 3 блока. Как правильно реализовать адаптив красного блока с 1920px до 1440px следующим образом:
так на 1920px
5d2733c6763cd853032834.png

так на 1440px
5d27339ea69e7440837064.png


Я сделал на jQuery (вырезаю блок при разрешении больше 1900px), но хотелось бы на чистом css. Такое возможно ?
Структура у меня идёт такая:

<div class="red-block"></div>
<div class="container">
      <div class="menu"></div>
      <div class="content"></div>
</div>
  • Вопрос задан
  • 95 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
verkhoturov
@verkhoturov
Frontend Developer
Я бы сделал примерно так (строка 16 в CSS)
https://codepen.io/verkhoturov/pen/PrLjJJ

Т.е. добавил бы в "menu" свойство margin-top: минус (высота red-block)px;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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