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 { align-items: center; display: flex; /* Bottom border */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); /* Spacing */ padding: 12px 0px; } .container__feature { /* Take available width */ flex: 1; /* Spacing */ margin-right: 16px; } .container__model { /* Center the content */ display: flex; justify-content: center; /* Spacing */ margin-right: 16px; } `} >

); }; export default Details;