Как изменить размер в сложной верстки?

Question

[Cheizer]

Приветствую, подскажите пожалуйста, как изменить размер анимационной книги, до 320px по ширине высота пропорционально.
Оч сложная верстка, не хватает опыта, если меняю основные ширину и высоту, то тени от книги все летят непонятно куда, и другие части лезут :(

можно использовать transform: scale(1.9) для общего блока, но это не вариант, идет искажение рисунка в разных браузерах которое не лечится ни SVG ни filter none.

Как изменить размер исходя из текущих параметров в css?

Answer 1

[RAX7]

Ширину/высоту менять в css (строки 71-72), вендорные префиксы были удалены за ненадобностью и чтобы не замусоривали код.

Comments

[Cheizer]

Благодарю! Буду изучать ваш вариант, у меня не получилось просто размеры контейнера изменить.

[Cheizer]

Подскажите пожалуйста, в каких местах правильно поменять размер? Я даже если на 20 пикселей уменьшаю у всех параметрах, все лезет в разные стороны :( не пойму почему.

[RAX7]

Cheizer, Поправил демку. Тебе осталось подогнать под свои размеры margin-top у .book-content и padding-left у .align > li, а в остальном все нормально должно уменьшаться.