@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>
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
verkhoturov
@verkhoturov
HTML-Верстальщик / Frontend Developer
Я бы сделал примерно так (строка 16 в CSS)
https://codepen.io/verkhoturov/pen/PrLjJJ

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

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

Войти через центр авторизации
Похожие вопросы
28 апр. 2024, в 20:14
700 руб./за проект
28 апр. 2024, в 20:09
9000 руб./за проект
28 апр. 2024, в 19:54
2000 руб./за проект