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>
);
}