[CSS] 반응형 웹 제작을 위한 미디어 쿼리(Media Query) 🔴

PC 버전

@media (min-width: 1024px){
    /* PC CSS */
}

Tablet 버전

@media (min-width: 768px) and (max-width:1023px){
    /* Tablet CSS */
}

Mobile 버전

max-width 를 768px로 지정된 경우 Tablet 버전은 없다는 의미가 된다.

@media (max-width: 767px){
    /* Mobile CSS */
}