<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-wrap-tablet bordered bg-primary50 dark:bg-primary800">
        <div class="w50 w100-tablet pad10 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.
        </div>
        
        <div class="w25 w50-tablet pad10 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.
        </div>
        
        <div class="w25 w50-tablet pad10 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.
        </div>
    </div>
</div>

<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-wrap-tablet bordered bg-primary50 dark:bg-primary800">
        <div class="w50 w100-tablet pad10 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.
        </div>
        
        <div class="w25 w100-tablet pad10 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.
        </div>
        
        <div class="w25 w100-tablet pad10 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.
        </div>
    </div>
</div>

<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-wrap-tablet bordered bg-primary50 dark:bg-primary800">
        <div class="w50 w100-tablet pad10 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.
        </div>
        
        <div class="w50 w100-tablet pad10 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.
        </div>
    </div>
</div>

<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-wrap-tablet bordered bg-primary50 dark:bg-primary800">
        <div class="flex-grow1 pad10 bg-primary100 dark:bg-primary700">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </div>
        
        <div class="flex-grow1 t-right pad10 bg-primary150 dark:bg-primary750">
            Lorem ipsum dolor sit amet
        </div>
    </div>
</div>

<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-wrap-tablet bordered bg-primary50 dark:bg-primary800">
        <div class="flex-grow1 w100-tablet t-center-tablet pad10 bg-primary100 dark:bg-primary700">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </div>
        
        <div class="flex-grow1 w100-tablet t-right t-center-tablet pad10 bg-primary150 dark:bg-primary750">
            Lorem ipsum dolor sit amet
        </div>
    </div>
</div>

<div class="layout-center-wrap">
    <div class="layout-wrap flex flex-jc-center flex-ac-center gap5 bordered bg-primary50 dark:bg-primary800">
        <div class="pad10 bg-primary100 dark:bg-primary700">1</div>
        <div class="pad10 bg-primary100 dark:bg-primary750">2</div>
        <div class="pad10 bg-primary100 dark:bg-primary750">3</div>
        <div class="pad10 bg-primary100 dark:bg-primary750">4</div>
        <div class="pad10 bg-primary100 dark:bg-primary750">5</div>
    </div>
</div>