Skip to content
Theme UI
GitHub
Recipes / Stack

Stack Layout

Add vertical space between child elements using CSS Grid.

One
Two
Three
Four
/** @jsx jsx */
import { jsx } from 'theme-ui'
export default ({
gap = 4,
...props
}) =>
<div
{...props}
sx={{
display: 'grid',
gridGap: gap,
}}
/>
Edit the page on GitHub
Previous:
Tiled Layout
Next:
Flexbox sidebar