우리는 흔히 로그인이나 어떤 페이지를 만들 때 정가운데에 주로 위치하는 경우가 많다 이때 나는 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/