Container

import { Box, Container, Flex, Text } from 'gestalt';

export default function Example() {
  return (
    <Flex
      alignItems="center"
      height="100%"
      justifyContent="center"
      width="100%"
    >
      <Box
        width="100%"
        height="100%"
        color="secondary"
        paddingX={3}
        paddingY={6}
      >
        <Container>
          <Box color="default" padding={3}>
            <Text>Centered content</Text>
          </Box>
        </Container>
      </Box>
    </Flex>
  );
}

Component quality checklist

Component quality checklist
Quality item	Status	Status description
Figma Library		Component is not currently available in Figma.
Responsive Web	Ready	Component is available in code for web and mobile web.
iOS		Component is not currently available in code for iOS.
Android		Component is not currently available in code for Android.