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

Привет! Верстаю сайт резина + медиа и возник вопрос по реализации данного блока www.imageup.ru/img110/2999963/jjguyeshshht.jpg
Собственно, нужно чтобы картинка была резиновая а контент можно было поправить минимальным количеством медиа.
У меня 2 варианта:
1) Поставить картинку на фон блоку и задать background-size 100% и блок будет формировать высоту за счет содержимого ИЛИ
2)Картинку поместить в html и блоку с контентом задать position absolute?
Подскажите есть еще какие то варианты, и как из них самый правильный?
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 3
aloky
@aloky
junior js
<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
  </div>
</div>
Ответ написан
Hardjuice
@Hardjuice
Верстальщик
Картинку задать фоном с помощью background-size:cover;
Блоки при уменьшении разрешения экрана сделать в столбик. Получится 3 строки. При таком варианте получается минимум кода в media-запросе.
Ответ написан
AskMy
@AskMy
иногда решаю задачки и задаю глупые вопросы
https://codepen.io/topicstarter/pen/QQVBNG так вроде бы , только не забываем вставить тег viewportи поменяете иконки на свои ...
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
от 10 000 до 15 000 руб.
15 авг. 2018, в 01:47
30000 руб./за проект
15 авг. 2018, в 01:09
70000 руб./в месяц
14 авг. 2018, в 22:43
350 руб./за проект