Structures - Grid

Example

<div className="s-grid u-grid-two-cols u-gap-xs">
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
</div>

Example

<div className="s-grid u-grid-three-cols u-gap-xs">
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
</div>

Example

<div className="s-grid u-grid-four-cols u-gap-xs">
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
  <div className="bg-primary-200">Item</div>
</div>