Row

Prop nameTypeDefaultDescription
gapnumberspace.l
Styled system prop names
m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, width, fontSize, color, bg, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, ratio, verticalAlign, alignItems, justifyContent, flexWrap, flexDirection, flex, alignContent, justifyItems, justifySelf, alignSelf, order, flexBasis, gridGap, gridRowGap, gridColumnGap, gridColumn, gridRow, gridArea, gridAutoFlow, gridAutoRows, gridAutoColumns, gridTemplateRows, gridTemplateColumns, gridTemplateAreas, background, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, borderRadius, borderColor, border, borderTop, borderRight, borderBottom, borderLeft, boxShadow, opacity, overflow, position, zIndex, top, right, bottom, left

Custom gap width 50px

auto
auto
<Container>
  <Row gap={50}>
    <Col><Box bg="grayscale.400">auto</Box></Col>
    <Col><Box bg="grayscale.400">auto</Box></Col>
  </Row>
</Container>