[HTML&CSS] @media

<기본 개념>

<CSS>

@media ( min-width:1000px ) {
    .cell {
        width:33.3333%;
    }
}

<!-- 미디어의 크기가 1000px이상일때만 width:33.3333%로 나와라 -->



@media ( max-width:999px ) and ( min-width:500px ) {
    .cell {
        width:20%;
    }
}


<!-- 미디어의 크기가 999px이하 500px 이상일때만  width:20%;로 나와라 -->

@media ( max-width:499px )  {
    .cell {
        width:10%;
    }
}


<!-- 미디어의 크기가 499px이하일때만  width:10%;로 나와라 -->