[CSS] 자식 요소 수직 수평 가운데 정렬

참고 자료

https://inpa.tistory.com/entry/CSS-%F0%9F%95%B9%EF%B8%8F-%EC%88%98%ED%8F%89-%EC%88%98%EC%A7%81-%EA%B0%80%EB%A1%9C-%EC%84%B8%EB%A1%9C-%EC%A0%95%EB%A0%AC-%EA%B8%B0%EB%B2%95-%F0%9F%92%AF-%EB%AA%A8%EC%9D%8C-%EC%A0%95%EB%A6%AC

🕹️ CSS 요소 수평/수직 정렬 기법 모음

참고 코드

.parent {
  display: flex;
  justify-content: center; /* 플랙스 박스 정렬 */
  align-items: center; /* 플랙스 아이템 정렬 */
}