[포트폴리오 만들기] 화면이 넓어져도 레이아웃 중앙으로 유지하기

Jihyun-Jeon·2022년 11월 9일
0

HTML,CSS

목록 보기
25/34
post-custom-banner

.wrapper {
  max-width: 800px;
  margin: 0 auto;
}
  1. max-width
    최대 커질 수 있는 가로 크기가 800px이므로 화면이 아무리 늘어나도 고정적인 크기를 갖게된다.

  2. margin: 0 auto
    컨텐츠를 가로로 중앙정렬 시킬 수 있게된다.
    위,아래 margin은 없고 양옆의 margin은 자동이기 때문에 가로로 중앙정렬된다.

0개의 댓글