A container component to wrap content in a centered container.

The Container component is a simple component that wraps content in a centered container.

const Container: React.FCC = ({ children }) => { return <div className="container mx-auto px-5">{children}</div>; };

Use it anywhere you want to center content on the page:

import { Container } from "~/core/ui/Container"; function App() { return ( <Container> <p>Content</p> </Container> ); }

Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS