/** * 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 Heading from '../../components/Heading'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { DetailsLayout } from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { return (
...
`} css={` .container { right: 0; position: fixed; top: 50%; transform: translate(0px, -50%); } `} >

A Feedback button

Feedback

Navgiate between full page sections

Social sharing toolbar

); }; export default Details;