1) 학습한 내용

1.화면크기에 따른 화면 배치(nav)

(1)코드

(2)결과

2.화면크기에 따른 화면 배치(footer)

(1)코드

(2)결과

2) 학습내용 중 어려웠던 점

화면크기가 달라져도 글씨크기는 고정이라서 글자가 두줄로 나타나는 문제가 생겼다.

3) 해결방법

두줄로 생기는 화면크기를 기준으로 미디어쿼리를 적용해 글씨크기를 조절하였다.

4) 학습소감

너비를 max-width를 설정해놓고 width:100% 를 이런식으로 하면 화면크기 조절하기 쉽다는 것을 깨달았고 미디어쿼리를 쉽게 변경할 수 있었다.