/** * 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 { Pattern } from '../../constants/Pattern'; import { DetailsLayout } from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Circle from '../../placeholders/Circle'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (
... ...
`} css={` .button { /* Center the content */ align-items: center; display: flex; flex-direction: row; justify-content: center; } `} >
); }; export default Details;