order: 요소의 배치 순서 지정 / aline-self: 교차축을 기준으로 정렬

 

 

 

 

 

✨ flex의 자식 요소에만 적용되는 속성

 

 

 

📌 order

: container 안에서 요소의 배치 순서를 지정

• 자식 요소에 직접 적용
• 상대적인 속성
• order을 설정하지 않으면 기본적으로 order: 0;이 설정된다.
• 음수도 지정 가능 (ex. order: -1;)
• 반응형 웹 제작 시 유용하다.

 

 

 

 

---

 

 

📌 aline-self

: 교차축을 기준으로 정렬

 

 

 

---

 

 

출처

노마드코더 CSS Layout 마스터클래스