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 Block from '../../placeholders/Block'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Circle from '../../placeholders/Circle'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (

...

... `} css={` .container { display: flex; /* OPTIONAL: Reverse the order of image and content */ flex-direction: row-reverse; /* OPTIONAL: Spacing between items */ margin: 16px 0; } .container__image { width: 128px; } .container__feature { /* Take the remaining width */ flex: 1; } `} >

); }; export default Details;