Как можно сверстать эти блоки?

Question

[Alexandr1996]

Есть секция из двух блоков, изображение - понятно, но вот текстовый блок с этой рамкой как можно сверстать?. Сейчас вставил через background на десктопной версии все хорошо, но при адаптации это полный треш. Не понимаю чем руководствовался дизайнер, либо у меня лыжи не едут, но я не представляю как можно адаптивно это сверстать. Макета под мобилки нет, через замену background поэтому тоже не вариант. Абсолютно её задавать, по моему тоже не получится. Что делать, помогите, пожалуйста!)

Comments

[Антон Литвиненко]

Я вижу только вариант с бекграундом. Если макета мобилки нет при адаптиве убираем этот бекграундом например и заменяем на что-то внешне немного похожее, но уже сделанное средствами css.
А вообще можно и на мобиле поиграться с бекграундом

Answer 1

[RAX7]

https://developer.mozilla.org/en-US/docs/Web/CSS/b...

Answer 2

[Lord_Dantes]

background-size: 100% 100%;

Картинку растянет на 100% во все стороны на доступный её размер. С правильной игрой padding-ов можно достигнуть нормальный адаптив. Либо просить дизайнера рисовать мобильную полоску.