import * as React from 'react'; import Head from 'next/head'; import { Spacer } from '@1milligram/design'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Rectangle from '../../placeholders/Rectangle'; import './masonry-grid.css'; const Details: React.FC<{}> = () => { return (
...
`} css={` .masonry-grid { /* It is split into 3 columns */ column-count: 3; /* The space between columns */ column-gap: 1rem; /* Misc */ width: 100%; } .masonry-grid__item { /* Prevent a column from breaking into multiple columns */ break-inside: avoid; /* Misc */ margin-bottom: 1rem; } `} >
); }; export default Details;