intro

scss는 큰 기업들의 사실상 표준이 되고있다.

화면에 요소를 배치하는 방법

1. flex-box
2. grid

계획

1. flex 개구리
2. grid 가든

레이아웃 기본

block은 element고 옆에 다른 element가 올 수 없다.

inline-block은 block속성을 가지면서 옆에 다른 element가 올 수 있다. block 속성을 가져 너비와 높이가 있고 좌우 마진이 전체를 자치하지 않는다.

그냥 inline은 너비와 높이값을 지정할 수 없다.

픽셀 절대위치로 지정하면 디스플레이 크기에따라 레이아웃이 파괴될 수 있다.