@Crushing

Как поместить h3 на картинки?

Есть верстка: https://uzinouzi.github.io/Atia/

Как поместить элементы h3 на картинки, чтобы они располагались таким образом:
5a08426c4f3f7363885243.png
и при этом при адаптиве эти заголовки не улетали.

Все картинки обернуты в див с определенным классом, пробовал этому классу задать position:relative, а заголовкам position:absoulute, но дело в том, что при адаптиве все крушиться.
  • Вопрос задан
  • 420 просмотров
Решения вопроса 1
Anadi
@Anadi
Если ответ Вам помог мой, решением отметье его!
Посмотрел вашу верстку! В вашем случае будет лучше обернуть картинку еще одним div.img-wrap {display: inline-block; position: relative;}, а для h3 {position: absolute; bottom: 20px; left: 20px;}. У картинок убрать отступы! И сделать padding у div.imgFlexPlaces
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
margin-top:-50px; не поможет ?
Ответ написан
LenovoId
@LenovoId
svg, css,js
https://codepen.io/anon/pen/bYWqKp если вдруг это не адаптивно - скриншот покажите мне
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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