Looseleaf Framework

Wrapper 

<div class="wrapper">
    <p>Atque consequatur adipisci eveniet ducimus eaque aut. Ab temporibus laboriosam non enim eaque occaecati voluptatem et. Excepturi cumque fugiat aliquid et unde. Qui quam sit. Laudantium similique illum. Molestiae praesentium quod officiis rerum est ut et.</p>
    <p>Aliquam beatae veritatis dignissimos fugiat. Autem quia dicta soluta commodi. Omnis explicabo sunt assumenda atque.</p>
    <p>Aliquam laboriosam sunt quam. Dicta beatae et magni facere quasi. Quidem illum id assumenda magni eaque quis at.</p>

</div>
 
<div class="wrapper">
    {%- render "@paragraph" -%}
</div>
 
/* No context defined. */

Wrapper

The .wrapper class applies the following rules to a container:

.wrapper {
    margin: 0 auto;  /* Horizontally center the container. */
    max-width: 65ch; /* Ensure that the line-length is optimized for readability. */
    padding: var(--step-0); /* Apply padding equal to the base font size on all sides. */
}