CSS Layout


### **Components should usually take up all horizontal space given**
Applying this rule makes responsive pages easier to implement because almost all media query CSS can exist (where they should) in container components (flex/grid/spacer/etc.).
Flex, Grid 가 기존 레이아웃 방식에 비해 성능도 훨씬 좋다
### CSS Layout Methods
|Title|
|:-:|
|[CSS Grid](https://texonom.com/css-grid-6041ec0ad35b46c8bea86f5569b33981)|
|[CSS Flexbox](https://texonom.com/css-flexbox-639db9263e7e48cc865d9fcdd961b1fd)|
|[CSS Aspect Ratio](https://texonom.com/css-aspect-ratio-441e6c86ce78419992f031bba564075b)|




> [Understanding Layout Algorithms](https://www.joshwcomeau.com/css/understanding-layout-algorithms/)

> [[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://black7375.tistory.com/79)

> [Notes on maintaining an internal React component library](https://www.gabe.pizza/notes-on-component-libraries/?ref=sidebar)





