@fremtind/jkl-grid

grid

Pure CSS implementation of 12 point grid.

• Large device: 12 element grid, max 1200px
• Medium device: 8 element grid
• Small device: 4 element grid

Usage

<main className="grid-container">
    <div className="grid-item--12">
        <Element />
    </div>
    <div className="grid-item--4">
        <Element />
    </div>
    <div className="grid-item--4">
        <Element />
    </div>
    <div className="grid-item--4">
        <Element />
    </div>
</main>