Как лучше спозиционировать такую секцию?

Question

[MindTwisted]

Добрый день! Интересует мнение более опытных коллег, как лучше такого вида секции позиционировать? Цель здесь добиться идентичности расположения элементов на всех дисплеях. Сложность для меня в том, что есть 3 картинки и к каждой из них прикреплен такого рода стикер, который должен оставаться на своем месте. Изображения в свою очередь должны тоже увеличиваться/уменьшаться в зависимости от размера экрана. Возможно ли добиться этого результата один раз задав размер в, например, % и не менять ничего через media queries ?

Моё видение здесь такое:
Используем контейнер по типу, как в bootstrap сетке. Позиционируем данные изображения вместе со стикерами на каждой отметке, где контейнер меняет свой размер. Размер изображения и стикера задаем в пикселях в зависимости от размера контейнера.

Comments

[Родион Мещеряков]

Не совсем понятна задача. Было бы хорошо увидеть еще один скрин с измененным размером экрана - чтобы было понятно чего хочет дизайнер.

Стикеры тоже должны уменьшаться пропорционально? Что должно происходить с текстом стикеров при изменении размеров экрана?

В зависимости от этого можно обойтись шириной изображений в процентах + min-width/max-width, либо придется подключать еще и media-queries

Answer 1

[Тимур Туз]

Если нужна идентичность то думаю просто "картинка + стикер" в 1 картинке. тогда они будут ресайзиться одновременно. Во всех остальных случаях вспотеете медиазапросы писать))