Layout
layout1
<div class="layout-center bg-primary100 dark:bg-primary700">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod hendrerit condimentum. Suspendisse lacus leo, iaculis vel urna sed, aliquam faucibus quam. Etiam nec porta felis, vitae porttitor lacus. Curabitur posuere dui in tellus maximus laoreet eget ac tortor. Cras mattis volutpat leo, nec imperdiet ante faucibus id. Nunc aliquam sem libero, eu finibus nunc luctus et. Morbi mollis accumsan metus aliquam gravida. Nullam scelerisque ultricies dolor, ullamcorper euismod mauris accumsan a. Fusce venenatis est nec purus egestas ullamcorper. Curabitur sit amet dolor ut magna dignissim ultrices. Sed feugiat tellus ac justo blandit pulvinar. Pellentesque laoreet turpis sapien, sed viverra nunc tristique id. Donec pharetra condimentum enim ac gravida.
</div> layout2
<div class="layout-center-wrap bg-primary100 dark:bg-primary700">
<div class="layout-wrap bg-primary200 dark:bg-primary600">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod hendrerit condimentum. Suspendisse lacus leo, iaculis vel urna sed, aliquam faucibus quam. Etiam nec porta felis, vitae porttitor lacus. Curabitur posuere dui in tellus maximus laoreet eget ac tortor. Cras mattis volutpat leo, nec imperdiet ante faucibus id. Nunc aliquam sem libero, eu finibus nunc luctus et. Morbi mollis accumsan metus aliquam gravida. Nullam scelerisque ultricies dolor, ullamcorper euismod mauris accumsan a. Fusce venenatis est nec purus egestas ullamcorper. Curabitur sit amet dolor ut magna dignissim ultrices. Sed feugiat tellus ac justo blandit pulvinar. Pellentesque laoreet turpis sapien, sed viverra nunc tristique id. Donec pharetra condimentum enim ac gravida.
</div>
</div> layout3
<style>
:root {
--layout-max-width: 900px;
--layout-wrap-padding: 5px;
}
</style>
<div class="layout-center-wrap bg-primary100 dark:bg-primary700">
<div class="layout-wrap bg-primary200 dark:bg-primary600">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod hendrerit condimentum. Suspendisse lacus leo, iaculis vel urna sed, aliquam faucibus quam. Etiam nec porta felis, vitae porttitor lacus. Curabitur posuere dui in tellus maximus laoreet eget ac tortor. Cras mattis volutpat leo, nec imperdiet ante faucibus id. Nunc aliquam sem libero, eu finibus nunc luctus et. Morbi mollis accumsan metus aliquam gravida. Nullam scelerisque ultricies dolor, ullamcorper euismod mauris accumsan a. Fusce venenatis est nec purus egestas ullamcorper. Curabitur sit amet dolor ut magna dignissim ultrices. Sed feugiat tellus ac justo blandit pulvinar. Pellentesque laoreet turpis sapien, sed viverra nunc tristique id. Donec pharetra condimentum enim ac gravida.
</div>
</div> layout4
<div class="layout-center-wrap-tablet bg-primary100 dark:bg-primary700">
<div class="layout-wrap bg-primary200 dark:bg-primary600">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod hendrerit condimentum. Suspendisse lacus leo, iaculis vel urna sed, aliquam faucibus quam. Etiam nec porta felis, vitae porttitor lacus. Curabitur posuere dui in tellus maximus laoreet eget ac tortor. Cras mattis volutpat leo, nec imperdiet ante faucibus id. Nunc aliquam sem libero, eu finibus nunc luctus et. Morbi mollis accumsan metus aliquam gravida. Nullam scelerisque ultricies dolor, ullamcorper euismod mauris accumsan a. Fusce venenatis est nec purus egestas ullamcorper. Curabitur sit amet dolor ut magna dignissim ultrices. Sed feugiat tellus ac justo blandit pulvinar. Pellentesque laoreet turpis sapien, sed viverra nunc tristique id. Donec pharetra condimentum enim ac gravida.
</div>
</div> layout5
<div class="layout-center w-tablet-max bg-primary100 dark:bg-primary700">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod hendrerit condimentum. Suspendisse lacus leo, iaculis vel urna sed, aliquam faucibus quam. Etiam nec porta felis, vitae porttitor lacus. Curabitur posuere dui in tellus maximus laoreet eget ac tortor. Cras mattis volutpat leo, nec imperdiet ante faucibus id. Nunc aliquam sem libero, eu finibus nunc luctus et. Morbi mollis accumsan metus aliquam gravida. Nullam scelerisque ultricies dolor, ullamcorper euismod mauris accumsan a. Fusce venenatis est nec purus egestas ullamcorper. Curabitur sit amet dolor ut magna dignissim ultrices. Sed feugiat tellus ac justo blandit pulvinar. Pellentesque laoreet turpis sapien, sed viverra nunc tristique id. Donec pharetra condimentum enim ac gravida.
</div>