css unit! 언제 어떤 것을 사용할까

부모 요소의 size 에 따라서 size가 변경 되어야 한다면
%, em
부모에 상관없이 browser size 에 대해서 반응해야 한다면
v*, rem

요소의 너비와 높이에 따라서 변경 되어야 한다면
%, v*
font size 에 따라서 size가 변경 되어야 한다면
em, rem

box 자체 size를 결정할 때는 %, v* or flex box 로 유동적으로

요소의 font-size 를 결정할 때는

root 를 상대로 size가 변경되길 원하면 rem,

부모를 상대로 size가 변경되길 원하면 em