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

Try to scroll the main content!

...

`} css={` .container { display: flex; } .container__sidebar { width: 30%; } .container__main { /* Take the remaining width */ flex: 1; /* Make it scrollable */ overflow: auto; } `} >

); }; export default Details;