LayoutContainer이 페이지에서Container화면의 폭에 따라 내용의 폭을 조절하고 중앙에 배치하는 레이아웃 컴포넌트입니다.import { Container } from 'layout-component-hp';UsageContainer 컴포넌트의 사용법은 다음과 같습니다.결과Loading...라이브 에디터<Container minWidth={100} maxWidth={600} css={{ padding: '10px', backgroundColor: '#f0f0f0' }} > <div>This is a container.</div> </Container><Container minWidth={100} maxWidth={600} css={{ padding: '10px', backgroundColor: '#f0f0f0' }}> <div>This is a container.</div></Container>Centering the childrencenterContent 속성을 사용하여 자식 요소를 수평 및 수직으로 중앙에 배치할 수 있습니다.결과Loading...라이브 에디터<Container minWidth={100} maxWidth={600} css={{ padding: '10px', backgroundColor: '#f0f0f0' }} centerContent > <div>This is a container.</div> </Container><Container minWidth={100} maxWidth={600} css={{ padding: '10px', backgroundColor: '#f0f0f0' }} centerContent> <div>This is a container.</div></Container>