Component Design System
Sketh에서 layout system으로 그리드 잡을 수 있다
다만 레이아웃을 잡을때 몇 픽셀이냐보다 몇 등분이냐가 중요함
그래서 브라우저 전체크기 / 숫자 해서 퍼센티지 개념으로 마크업해줌.
무엇을 기준으로 퍼센티지가 핸들링되어야하는가 ?
최소 해상도(1200px)을 기준으로 퍼센티지가 핸들링되거나,
브라우저를 기준으로 퍼센티지가 핸들링된다.
최소 해상도를 기준
컴포넌트들을 감싸주는 wrapper div의 width를 1200px으로 규정하고 중앙정렬한다 그리고 해당 component div 박스들의 width의 퍼센티지를 몇등분할건지로 조정해준다
브라우저 기준