Flexbox는 페이지에서 요소를 중앙에 배치하는 가장 좋아하는 방법이 되었습니다.

div에서 항목을 래핑하고 display : flex 및 justify-content : center를 설정합니다.

<div class="wrapper">
  ...
</div>

.wrapper {
  display: flex;
  justify-content: center;
}

Tailwind CSS를 사용하면 더 쉽고 유연하게 하고 중심 중심 클래스를 추가하기만 하면 됩니다.

<div class="flex justify-center">
   ...
</div>