size unit은 두가지로 나눌 수 있다. Absolute : 절대적인 px px을 사용하면 컨테이너가 줄어들어도 고정되어서 움직이지 않는다.사용자가 브라우저에서 폰트사이즈 설정을 바꿔도 반응하지 않는다.고정된 px보다는 부모의 사이즈에 비교해서 %로 하는 경우가 있
둘중에 나은것은 없고 디자인에 따라 원하는 기능에 따라서 바뀜.예제)좋아요 버튼의 컴포넌트를 만들때 rem을 써서 만들게 된다면 root에 따라 결정되므로다른 컴포넌트안에서 쓸때, 브라우저에서 쓸때 크기가 변동이 없다.rem은 부모컨테이너의 폰트사이즈와 상관없이 크기가
flex container에 gap property를 지정해주면 됨(예전엔 margin을 사용했음.)웹사이트에서 이미지나 영상을 정해진 비율을 유지할때 유용.원하는 요소에 position: sticky를 지정해주고정의된 높이가 있는 컨테이너 안에 요소를 넣어주면 됨.