inline 높이와 넓이 없음 / margin 은 좌우로만 가질 수있음.
inline 모든 속성이 적용되지 않고 일부만 적용되는 경우가 있음. margin처럼
#tomato = id="tomato"
.tomato = class="tomato"
inline-block 반응형 웹디자인을 적용하지 못한다.
flexbox 부모 엘리멘트에만 말하고 자식 엘리멘트에는 말하면 안된다.
justify-content -> main axis(주축)에 움직이고
align -items -> cross axis(교차축에서 움직임)
기본 flexbox는 디폴트값이 row (수평)
flex-direction이 column이면 주축은 수직이되고 교추착은 수평
개발자 되고싶어요.