Responsive web

Responsive Web

-사용해야하는 이유: content가 container에 맞게 보여져야하기 때문
-fluid layout: flex grid, flex box, %, vw, vh
-지정된 크기에서 layout을 재배치 할 수 있는 방법: media queries

Media queries

@media screen and (min-width:800px) {
 .container {
   width:50%
   }
}

screen의 크기가 최소 800이면 container style으로 하라는 태그