Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Columnizer

Block 1
Block 2
Block 3
Block 4
Block 5
Block 6
Block 7
Block 8
.columnizer

The columnizer component takes any number of child components and splits them into one, two or three columns depending on the viewport width.

Markup

<div class="columnizer">
    <div class="columnizer__block">Block 1</div>
    <div class="columnizer__block">Block 2</div>
    <div class="columnizer__block">Block 3</div>
    <div class="columnizer__block">Block 4</div>
    <div class="columnizer__block">Block 5</div>
    <div class="columnizer__block">Block 6</div>
    <div class="columnizer__block">Block 7</div>
    <div class="columnizer__block">Block 8</div>
</div>