CSS 화면 중앙 배치 (Flexbox/Grid)

나는야 토마토·2022년 5월 17일
0

CSS💙

목록 보기
3/3
post-thumbnail
post-custom-banner

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

profile
토마토마토

0개의 댓글