HTML 구성하기 대부분 좌에서 우, 위에서 아래로 진행합니다. CSS 화면 구분 시 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행합니다. 수직분할 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할 분할된 각각의 요소를 수평으로 구분하여, 내부 콘텐츠가 세로로 배치될 수 있도록 요소를 배치합니다. Flexbox로 레이아웃 잡기 display:flex가 적용된 부모 박스의 자식 요소는 왼쪽부터 차례대로 이어 배치됩니다. Flex 요소에 방향 지정하기 (flex-direction) flex-direction 또한 부모 박스 요소에 적용합니다. 자식 박스에 특별한 요소를 주지 않아도 부모 요소에 의해 자식 요소가 영향을 받습니다. row, column 이 존재합니다. 주의사항 display 속성에 flex는 부모 요소에 적용합니다.