Прошу помочь пониманием позиционированием элементов слоев и background

Делаю лендинг, в котором очень много слоев картинок, которые нужно позиционировать абсолютом и бэкграунд с кучей слоев.

Не совсем понимаю что правильно было бы вырезать как фон, а что оставлять и позиционировать абсолютом.

Больше всего вызывает вопросов нога, да и таблетосы.

Если не вырезать, а оставить все слои фоном, только добавить цены отдельно, то это вообще не выход.

Позиционируется очень плохо.

Возможно, подскажете, как верно разбирать такого рода макеты и позиционировать.

Верстаю на флексах и бутстрапе введите сюда описание изображения


Ответы (1 шт):

Автор решения: Vasily

Большое количество абсолютно позиционированных элементов говорит о том что Ваш макет мог бы быть лучше.

Задумайтесь почему Вы делаете именно так, и переверстайте отталкиваясь от концептов responsive и mobile-first approach, используя CSS Flex или Grid.

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

→ Ссылка