/** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; import Head from 'next/head'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { DetailsLayout } from '../../layouts/DetailsLayout'; 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;