우리는 흔히 로그인이나 어떤 페이지를 만들 때 정가운데에 주로 위치하는 경우가 많다 이때 나는 grid나 flex를 이용하여 화면 중앙에 배치할 수 있도록 코드를 작성한다.

Flexbox

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

Grid

.wrapper {
  display: grid;
  place-items: center;
}

출처)
https://www.daleseo.com/css-centering/