Box sizing border-box, content-box

content- box에 border 혹은 padding을 넣으면? 컨텐츠에 크기까지 합쳐진다

For example,
.box {width: 350px; border: 10px solid black;}
renders a box that is 370px wide.
 
//////////////////////////////////////////////////////////////////////////////
 
border- 사용자가 입력한 width값에 따라 크기를 자동으로 조절한다.

For example, 
.box {width: 350px; border: 10px solid black;}
 renders a box that is 350px wide, with the area for content being 330px wide.

flex glow -> 요소들을 꽉 차게 늘린다. align item 사용 시 flex-wrap : wrap? 왜?

input border (* focus 없애고 싶으면) > border none 이 아니라 outline: none!

wrap = > 전체적으로 감싸는 것

전체적으로 기본기가 중요한 듯하다. 부모 자식 간의 크기 상속 또한 중요