@midea를 이용해 반응형 웹 구현하기

일이 거대할까봐 걱정했는데 애초에 css 짤때 크기가 화면에 따라 키웠다 줄었다 할 수 있도록 신경써서 짜서 생각보다 쉬웠다.

그저 @midea만 사용해주면 손쉽게 되었다.

---

Mission 9 | 반응형 구현

HTML, CSS repl.it 문제에서 Responsive Web(반응형 웹) 에 대해 학습하였습니다.

화면의 크기가 어느 지점(break point) 이하로 줄어들 시 우측 아이디 추천 섹션이 사라지도록 구현해주세요.

---

화면이 줄어들면 우측섹션이 사라져야해서 1200px에서 더 줄어들면 display속성을 none으로 설정해주었다.

min과 max가 있어서 직접 적용해보면서 필요한 것을 적용하는 것이 좋을듯 하다.

@media screen and (max-width: 1200px) {

.main-right {

display: none;

}

}