Tiled Layout
Create a responsive auto-sized tiled layout using CSS Grid.
/** @jsxImportSource theme-ui */export default ({ gap = 3, width = 128, ...props }) => (<div{...props}sx={{display: 'grid',gridGap: gap,gridTemplateColumns: `repeat(auto-fit, minmax(${width}px, 1fr))`,}}/>)
See also: Grid component
Edit the page on GitHub