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

Question

[Mesuti]

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


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

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

Answer 1

[html-css]

на флексах

Comments

[Алий Кунашев]

Или гриды

[Mesuti]

Я так понимаю, красная линия и текст справа должны быть в одном div ?
как тогда текст вынести так далеко? чтобы при ресайзе не наезжал на контент?

[Mesuti]

Спасибо за ответы!