[코딩자율학습단10기]HTML+CSS+자바스크립트9일차p.278-315

1.flex box out: 1차원 방식으로 레이아웃 설계하는 스타일 속성

• 플렉스 컨테이너: display 속성값으로 flex, inline-flex가 적용된 요소
• flex-direction: row 왼->오른쪽으로 진행 방향설정뷰뷰ㅂrow-reverse: 오->왼으로 설정
• column: 위에서 아래로 설정
• flex-wrap:<nowrap> flex아이템이 컨테이너 넘어가도 무시
• <wrap> 컨테이너를 벗어나면 줄바꿈

2.미디어 쿼리 사용

뷰포트: 스마트폰으로 볼때 작게 보이게 만들어줌