States1 노마드코더 코코아톡 클론코딩 HTML&CSS 수업리뷰#3- Learning CSS 2 flex box lnline-block은 반응형디자인을 적용하지않아 웹크기에따라 크기(좌우폭)가 정해진다. 이런 문제를 해결하기위해 flex box란 개념이 도입되었다, flexbox 3가지 규칙 1, 자식 엘리먼트에는 어떤 것도 적지 말아야한다. 부모 엘리먼트에만 작성해야한다. 2. 주축X(main axis),교차축Y(cross axis) justify-content ->주축X의 정렬을 해준다. align-items -> 교차축Y의 정렬을 해준다. flex-direction : column; -> 주축과 교차축을 바꾸어준다.(default값은 row) flex-wrap -> 화면을 줄였을때 값을 바꾸어준다. vh와 px px : px값의 고정치를 부여. vh : 화면 비의 크기를 부여 Position .. 2022. 3. 23. 이전 1 다음
