강의

멘토링

로드맵

Inflearn Community Q&A

rmatorrjdnl's profile image
rmatorrjdnl

asked

Learn CSS Flex and Grid Properly

Flex UI #3 - Bullet List

display : flex

Written on

·

281

0

display : flex 는 부모 속성인데 왜 item 에  주는 건가요?

HTML/CSSflex

Quiz

62% of people got it wrong. Give it a try!

Flexbox를 사용하여 메뉴 항목을 가로로 배치할 때, 부모 요소에 적용하는 가장 기본적인 속성은 무엇일까요?

flex-direction: row

display: flex

align-items: center

justify-content: space-between

Answer 1

2

studiomeal님의 프로필 이미지
studiomeal
Instructor

.info-list-item은 리스트에서 역할이 각각의 아이템에 해당하기 때문에 클래스 이름을 그냥 그렇게 준 것이고요, 그 이름이 flex와는 무관합니다.
레이아웃 모양을 잡을 때 각각의 .info-list-item들이 flex 컨테이너로서 동작해야하기 때문에 display: flex; 설정을 해 준 것이지요~
여기서는 li가 flex 컨테이너이고, 사과모양 불릿아이콘과 텍스트가 flex 아이템이 되는 것이라고 생각하시면 됩니다 :)

rmatorrjdnl's profile image
rmatorrjdnl

asked

Ask a question