Skip to content

Container

Containers are used to give the appropriate amount of padding on the left and right sides of your main content. These are used to prevent your content from being out of proportion on high resolution displays.

Importing

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
import React from "react";
import { Container } from "photoncss/react";

export default function Component() {
    return (
        <Container>
            ...content
        </Container>
    );
}

See also: