학습한 내용
지난 주에 배웠던 미디어쿼리 이론을 토대로 실습을 진행했다.
실습 1
실습 2
실습 3
어려웠던 점
- 실습 2에서 모바일 버전으로 됐을 때 상단바 bottom에 공백이 생김
(margin과 padding 값 모두 0으로 설정했음)- 크롬에서 살펴보니 h1 margin에 값이 있어 css에서 h1도 margin: 0;으로 세팅함
해결!
학습소감
속성값을 입력하고 브라우저에서 보면 되게 직관적이랄까?
엄청 간단해보이는데 실상은....그렇지 않아서 웃프다 😢
감을 잡을랑 말랑하고 있는 상황!
새싹이지만 끝내 이기리라