Flex

css 반응형 웹 Flex 시작하기

CSS Flex vs Grid Grid는 Flex보다 늦게 나온 기술로 Flex로 구현가능한 대부분을 구현할 수있다. 하지만 두가지 모두알고 적절한 상황에 적절하게 사용하는 것이 중요하다. reset.css 기본 html 태그 속성들의 값을 모두 없애주는 css 파일 https://meyerweb.com/eric/tools/css/reset/ Flex 레이아웃 기본적인 HTML 구조 (1) 컨테이너에 적용 속성 1) display: flex 내용물의 width 만큼만 차지한다. 좌 -> 우로 이동하는 축이 메인축, 위 -> 아래로 이동하는 축은 교차축 2) 배치 방향 설정: flex-direction 아이템들이 배치되는 축의 방향을 결정, flex-direction: row; 기본 값, 메인축을 좌에서 ..