3. 15. TIL_Flex, justify-content, align-items

오늘은 HTML과 CSS를 공부하고 직접 목업을 만들었다. 배운 개념정리 flex : 부모 박스에 display: flex; 를 적용해줌으로, 자식 박스의 방향과 크기를 결정 기본적으로 flex가 적용된 부모 박스의 자식 박스는 왼쪽으로 차례대로 붙게 됨. 2개의 개념으로 나뉨 1. container (부모) - display, flex-flow, justify-content, align-items 2. items (자식) - flex flex 기본속성 flex: 0 1 auto; 의미 flex: 기본속성과 의미 반드시 암기! 각각 따로 지정할 수도 있음 flex-grow: 0; flex-shrink: 1; flex-basis: auto; grow와 shrink는 단위가 없고, 비례하는 값이다. 예를들어..

2021.03.15