Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?

Question

[Евгения]

Нужно сделать анимацию свитка, который раскрывается, по нажатию на кнопку. Никогда не делала такого - всегда все только с одной стороны разворачивалось. Меня хватило на приложенный вариант. Уверена, что можно лучше сделать, но не понимаю как.
Опять кодпэн не открывается, так что ссылка вот https://codepen.io/EugeniaAntonova/pen/jEEapGp?edi...

Comments

[Ankhena]

И чем вас не устраивает решение?
Что именно вы хотите улучшить?

[Евгения]

Ankhena, ну из-за абсолютного позиционирования вообще всего, приходится прописывать все ширины и высоты - то есть не гибко и не переполняемо выходит, это раз. а два - если не делать margin: 0 auto; на .wrapper все ломается, а мне может быть нужно потом его как-то иначе располагать

[Ankhena]

Евгения, не нравится абсолют - не делайте абсолютом. Полно других вариантов центрирования: гриды, флексы, margin-inline: auto.