1. 그리드 소개- 상황: 두 요소의 테두리를 넣고 나란히 배치하고 싶음>> 디자인을 하겠다는 걸 암시하는 태그 div를 사용하여 테두리를 넣은 후, 나란히 배치하기 위해 그리드를 사용한다.https://caniuse.com/ (본인 환경에서 html, css 등의 최신 기술을 사용할 수 있는지 알려주는 사이트) 2. 그리드 써먹기- 상황: 위 사진 속 본문을 부제목 경계선 옆으로 옮기고 싶음 >> ol과 h2, p 태그를 나란히 해야 하므로 그리드 사용하면 됨 3. 미디어 쿼리 소개- 반응형 디자인: 화면의 크기에 따라 웹페이지의 요소들이 반응해서 동작하게 됨>> 이를 웹에서 css를 통해 구현하는 핵심적 개념이 바로 미디어 쿼리임! - 상황: 화면의 크기가 80픽셀보다 작으면 텍스트를 보이게 하고..