@shadowaps
Будущий Frontend

Как верстать адаптивный элемент из нескольких картинок?

Учусь верстать по макету. Инфы о том, как должен вести себя элемент нет, только веб шаблон.
В макете есть несколько блоков, состоящих из картинок с прозрачным фоном, под которые маской накладывается фоновый цвет:
62677f548adf4544288072.jpeg

Хватило навыков только на то, чтобы сделать контейнер + блок каждого элемента и спозиционировать их абсолютно, относительно контейнера. В широкоформатном разрешении все ок, но при адаптиве все начинает ездить по плохо понятной мне логике.

Как принято оформлять подобные блоки? Может есть примеры живой реализации? Пытался гуглить всякие лендосы, но не нашел...
P.S. на данном этапе учусь верстать на чистом HTML+CSS

Код блока
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
tolfy
@tolfy
Фирменный стиль
1. Для адаптива использовать относительные величины: %, vw\vh
2. Сверстать блок с картинками на SVG
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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