Log in

Grids

2 Columns

<div class="flex flex-wrap -ml-8">
    @foreach ($items as $item)
        <div class="w-full sm:w-1/2 pl-8 pb-8">
            ...
        </div>
    @endforeach
</div>

3 Columns

<div class="flex flex-wrap -ml-8">
    @foreach ($items as $item)
        <div class="w-full sm:w-1/2 md:w-1/3 pl-8 pb-8">
            ...
        </div>
    @endforeach
</div>

4 Columns

<div class="flex flex-wrap -ml-8">
    @foreach ($items as $item)
        <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 pl-8 pb-8">
            ...
        </div>
    @endforeach
</div>
Previous topic
← Container
Next topic
Navigation →