Как правильно позиционировать элементы в этом случае?

Question

[Stok29]

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

у меня то на мобильнике элементы ехали далеко и на долго, то на экрана с среднем разрешением все лезло.
Так вопрос, как же все таки мне позиционировать эти элементы ?

Comments

[Владислав Копылов]

а если прикрутить костыли в виде media запросов что бы на мобильниках элементы на расползались?

[Aleksandr]

Залейте вашу верстку пожалуйста сюда https://jsfiddle.net/

[Stok29]

Александр Котов: https://jsfiddle.net/Stok/ny8be2e3/1/
К сожалению только старая верстка осталась до того, как я пытался 2 персонажа вставить, но я думаю и это тоже будет полезно.
Картинка второго персонажа в 1 посте.

Answer 1

[Максим Тимофеев]

принцип следующий:
есть родитель с 100% ширины
у него три ребенка 30% ширины, 40% и 30% в первом и третем солдатики либо на фоне с background-size:cover; либо как картинки с 100% ширины. В центральном все остальное. Все резиново и все работает.

Comments

[Stok29]

Благодарю, попробую.