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'; const Details: React.FC<{}> = () => { return (

...

... `} css={` .cards { display: flex; /* Put a card in the next row when previous cards take all width */ flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .cards__item { /* There will be 4 cards per row */ flex-basis: 25%; padding-left: 8px; padding-right: 8px; } `} >

{Array(10) .fill(0) .map((_, index) => { return (

); })}

); }; export default Details;