김코드의 웹디자인 세상

✏ order order는 플렉스 아이템 속 요소들의 순서를 정하는 속성으로 order의 수가 작을수록 먼저 정렬된다. 기본적으로 모든 요소는 0이라는 기본값을 가지고 있어서 동일선상에 있다. order의 수는 음수, 0, 양수를 적을 수 있다. order 속성의 가장 큰 장점은 작업 중 html의 구조를 변경하지 않아도 화면의 출력되는 요소의 순서를 그때 그때 변경할 수 있다. ✏ flex-grow flex-grow 플렉스 아이템의 너비를 비율로 넓히는 속성이다. 보통 플렉스 아이템들의 flex-grow는 0으로 기본값으로 지정되어있으며, 만약 너비를 비율로 넓히고 싶다면 수로 입력하면 된다. 여기에 가로 width 100px, height 100px인 플렉스 아이템이 있다. 지금은 요소의 너비가 넓혀..