반응형 웹,앱 만들 때 알아야 하는 Responsive Web

반응형으로 만들어야 디바이스 마다 알맞게 화면이 보인다.
유동적인 레이아웃을 만드는 것이 중요하다
float과 %밸류를 사용했었는데,px등..고정 값이 아닌
요즘에는 flex grid,flexbox, vw,vh,%등을 사용해 만든다

Media Queries
기기의 화면에 따라 웹 구성요소들을 보여주는 방식을 유동적으로 바꾼다.

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

화면의 최소 길이가 800px이면, 컨테이너의 너비는 50%로 적용