추후 추가될수도 있다는 전제를 고려한 몇가지 원칙

1. 최대한 부모 컴포넌트에는 width, height를 주지마라

- 자식의 크기로 부모가 저절로 조절되도록 하는게 좋다.

- 맨 처음 가장 큰 컨테이너로 감쌀때 아래와 같이 적용하면 좋다

 max-width: 값px;
 margin: 0 auto;

 

2. position: absolute는 절대적인 값이므로 완전 필요한게 아니면 주지마라 (top, left는 absolute가 있을때만 적용되는 값)

 

3.rem은 저절로 계산하는 단위, 1rem=16px, %로 적용할 수 있음. 추후에 media query를 적용하기 쉬워짐