Grid

<div class="ui-container">
  <div class="ui-grid ui-grid--3 gap-3">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div class="ui-grid__span-2">span 2</div>
    <div>6</div>
  </div>
</div>

import { Container, Grid } from 'caustica-design/core'

<Container>
  <Grid columns={3} gap={3}>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div className="ui-grid__span-2">span 2</div>
    <div>6</div>
  </Grid>
</Container>