import * as React from 'react'; import Head from 'next/head'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import Block from '../../placeholders/Block'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Rectangle from '../../placeholders/Rectangle'; import Square from '../../placeholders/Square'; const Details: React.FC<{}> = () => { return (

...

`} css={` .container { /* Align sub-items to top */ align-items: start; display: flex; } .container__media { margin-right: 16px; /* Set the width for the media object */ width: 200px; } .container__content { /* Take the remaining width */ flex: 1; } `} >

); }; export default Details;