😺 Study/CSS, SCSS
Flex-box는 css의 꽃이다*
크게 2가지씩 나뉜다. Container와 item, 수직축과 수평축. *flex-box를 설정하는 방법 div{display: flex;} 아이템들을 감싸는 부모요소에 "야! 너 이제 flex-box야." 라고 얘기하기. *박스의 위치와 아이템들의 방향을 바꿀 수 있다. div{ flex-direction: row; flex-direction: row-reverse; flex-direction: column; flex-direction: column-reverse; } row: 왼쪽부터 순서대로 브라우저에 위치 (가로방향) row-reverse: 오른쪽부터 반대순서로 브라우저에 위치 (가로방향) column: 왼쪽부터 순서대로 브라우저에 위치 (세로방향) column-reverse: 왼쪽부터 반대순서로..
2020. 9. 11.
