Compositions

Auto Grid

A flexible layout that will create an auto-fill grid with configurable grid item sizes.

Example

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
<div class="auto-grid">
    <div class="bg-neutral p-block">Item 1</div>
    <div class="bg-neutral p-block">Item 2</div>
    <div class="bg-neutral p-block">Item 3</div>
    <div class="bg-neutral p-block">Item 4</div>
    <div class="bg-neutral p-block">Item 5</div>
    <div class="bg-neutral p-block">Item 6</div>
    <div class="bg-neutral p-block">Item 7</div>
    <div class="bg-neutral p-block">Item 8</div>
</div>