[CSS] min-width 적용 안 되는 문제

미디어 쿼리를 만드는 중이다.

​

@media (min-width: 992px){

...

}

@media (min-width: 768px){

...

}

@media (min-width: 576px){

...

}

​

..등등

​

그런데 값 적용이 아무리 안 되는 것이다.

알고보니 순서가 중요했다...^^

min-width를 오름차순으로 해야한다.

​

@media (min-width: 576px){

...

}

@media (min-width: 768px){

...

}

@media (min-width: 992px){

...

}

​

​

운 좋게 이때까지 올바른 순서로 했었는데 이번에 반대로 하면서 깨닫게 되었다.

정말 이런 기본도 몰랐다니 반성하게 된다.