페이지 레이아웃을 어떻게 해야할까요?

Question

안녕하세요 질문드립니다

저는 그동안 사실 국비에서 백엔드 쪽을 배워서 
프론트는 그냥 부트스트랩에서 제공하는 css 12 그리드로 작업했었거든요
좌우 여백 주고 싶으면 col-md-2,   col-md-8, col-md-2 이런 식으로 나눠서요

그런데 프론트를 공부하려고 부트스트랩 css, js를 빼고
인프런 페이지를 만들어보고 있는데
사진처럼 좌우 고정 여백을 어떻게 줘야 하는지 잘 모르겠어요

이건 flex 로 하는건가요?
개발자 도구 보는데도 잘 이해가 안되네요 ㅠ 답변 부탁드려요!

프레드윰 · Answer

퍼블리싱을 공부 하시는군요? 일단 width 부터 지정 해야되구요
보통 1200 이나 1300, 1400 쯤 하구요 단위는 px로 하고 margin : 0 auto 로 하면 센터로 정렬되요

손정현 · Answer

안녕하세요!

저도 css는 잘 모르지만, 여러가지 방법으로 구현이 가능하지 않을까 싶네요. 기억을 좀 더듬어서 제가 썼던 방식을 공유해드리자면 레이아웃을 flex 대신 grid를 썼던것 같습니다. 그리고 내부에 들어가는 아이템에 grid-row/col을 지정해줬던것 같아요. display: grid에 grid-template-rows/columns로 검색해보시면 좀 나올 것 같아요 :)