다양한 크기의 장치들이 존재하는데, 그 장치에 적합한 표현을 할 수 있도록 해주는 기술인
반응형 디자인의 심장과 같은 📝 미디어쿼리에 대해 알아보자

@media media-type and (media-feature-rule)

 <style>
        @media screen and (max-width:600px){
            body{
                background-color: green;
            }
        }
        @media screen and  (max-width:500px){
            body{
                background-color: red;
            }
        }
        @media screen and (min-width:601px){
            body{
                background-color: blue;
            }
        }
 </style>

media-type

• all
• print
• screen
• speech