반응형
flex-direction 은 방향, 시작점을 말한다
content 가로 축 정렬 기준
space-around 는 양 옆이 x 그리고 아이템 사이가 2x 의 크기로 정렬된다.
justify-content: flex-end 와
flex-direction: end 의 차이는 정렬과 시작점이라고 볼 수 있는 건가?
align-items: stretch
아래처럼 늘이는 기능을 한다
align-items: baseline
텍스트를 기준으로 정렬한
justify-content 가 가로축이 아니라 "주축"이다.
즉 현재 정렬이 어느 방향인지에 따라서 content 축이 바뀌는 것!
현재 축을 어떻게 아냐면? 기본은 가로겠지만
flex-direction을 통해서 설정할 수 있는 것이다!
반응형
'온라인 강의 > Advanced CSS and Sass [Udemy]' 카테고리의 다른 글
| 71. A Basic Intro to Flexbox: Adding More Flex Items (0) | 2023.08.02 |
|---|---|
| 70. A Basic Intro to Flexbox: Flex Items (0) | 2023.08.02 |
| 68. Why Flexbox: An Overview of the Philosophy Behind Flexbox (0) | 2023.08.02 |
| 67. 섹션 소개 (0) | 2023.08.02 |
| 33. Review: Responsive Design Principles and Layout Types (0) | 2023.07.19 |