Design System

CSS Grid

css-grid



The CSS grid component, prefixed with gds-grid, is used to assemble CSS grid-based layouts.

<div className="gds-grid__container--3">
    <div className="gds-card -m-a-0">
        <p className="gds-card__block">Some content</p>
    </div>
    <div className="gds-card -m-a-0">
        <p className="gds-card__block">Some content</p>
    </div>
    <div className="gds-card -m-a-0">
        <p className="gds-card__block">Some content</p>
    </div>
    <div className="gds-card -m-a-0">
        <p className="gds-card__block">Some content</p>
    </div>
    <div className="gds-card -m-a-0">
        <p className="gds-card__block">Some content</p>
    </div>
</div>