Mesuti
@Mesuti
Senior HTML developer (c)

Как организовать адаптив для блока?

Привет!
Как можно сделать адаптив для правого текстового блока?
5e4c4896c63b0642828354.png

@media(max-width: 700px) съезжает под красную линию
@media(min-width: 700px) находился справа на уровне красной линии
*при ресайзе правый блок не заезжает на территорию контента

ума не приложу, как такое делается, видел такое через таблицу.
Можно, конечно, через JavaScript вырезать\вставить, но интересно как на css такое делается.

  • Вопрос задан
  • 273 просмотра
Решения вопроса 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
На мой взгляд самый адекватный вариант - делать это с помощью JS:



При ширине меньше 700px - блок из серого блока уходит под линию, сам серый блок скрывается через CSS, ну и если вдруг ширина поменяется, то всё возвращается обратно. Крутится с именами, классами, не стал. Надеюсь разберётесь.

UPD: Добавил комментарии, чтобы было понятнее.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы