Layout
Container

Container

  • 화면의 폭에 따라 컨텐츠의 최대 폭을 제한하고, 중앙에 배치합니다.
  • minWidth, maxWidth 프로퍼티로 너비를 조절할 수 있습니다.
  • CSS properties 객체를 전달하여 스타일링할 수 있습니다.
Content
<Container minWidth={300} maxWidth={960}>
  <div>Content</div>
</Container>

Styling

  • CSS properties 객체를 전달하여 스타일링할 수 있습니다.
Content
<Container
  minWidth={300}
  maxWidth={960}
  css={{
    backgroundColor: '#fff',
    padding: '20px',
  }}
>
  <div>Content</div>
</Container>
LayoutFlex