Grid

rows, columns 속성을 통해 격자의 형태를 지정할 수 있습니다.
gap 속성을 통해 자식 컴포넌트 간의 간격을 조절할 수 있습니다.
CSS properties 객체를 전달하여 스타일링할 수 있습니다.

Content 1

Content 2

Content 3

Content 4

Content 5

Content 6

Content 7

Content 8

Content 9

<Grid rows={3} columns={3} gap={10}>
  <div>Content 1</div>
  <div>Content 2</div>
  <div>Content 3</div>
  <div>Content 4</div>
  <div>Content 5</div>
  <div>Content 6</div>
  <div>Content 7</div>
  <div>Content 8</div>
  <div>Content 9</div>
</Grid>

Flex