- 사소한 디자인 커스터마이징을 위해서 파일을 하나 만들어준다.
동일한 component(구성요소)를 사용(공유)하는 페이지가 여러개 있는데
그 중 한 페이지의 컴포넌트만 변형하고 싶을 때
클래스를 하나 더 갖게 하여 이를 이용한다.
- flex-wrap: wrap 속성(부모요소)은 display: flex 일 때(부모요소) 작동한다.
nowrap(기본값)은 요소의 width를 지정해도 이를 무시하고 화면에 우겨넣는다.
wrap은 width값(자식요소)이 그대로 유지되고 한줄에 배치되지 못한 요소들이 자연스럽게 아랫줄로 배치된다.
- icon-img와 icon-text를 중앙 정렬하는 법
두 요소를 가진 부모에 적용 {
display: flex; // 요소가 나란히 정렬
flex-direction: column; // 수직축이 주축이 됨. 요소가 위아래 정렬
align-items: center; // 주축 배열을 가운데로 함
}
