godsplane
@godsplane

Как такое верстается правильно?

5f3d30328a18e188143976.png
Рамка телефона и контент внутри нее это как бы разные объекты, как это по правильному расположить максимально адаптивно и круто?
У меня изначально была идея родительскому блоку задать бэкграунд рамкой телефона и внутри прописать img, но у меня почему то картинка перекрывает бэкграунд. Это верное направление или нет?
  • Вопрос задан
  • 312 просмотров
Решения вопроса 1
develx
@develx
Web developer
У меня изначально была идея родительскому блоку задать бэкграунд рамкой телефона

Фон прописать для псевдоэлемента (с position absolute) родителя. И через z-index вынести псевдоэлемент наверх.

P.S. Как правильно заметила Ankhena, если нужно взаимодействие с изображением чата (hover, click) то псевдоэлементу лучше прописать в стили pointer-events: none;, чтобы он собой не перекрывал для взаимодействия с нижележащими элементами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Elvin_Fich
Используй display: flex; в блоке который надо поправить
Ответ написан
Ваш ответ на вопрос

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

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