스타일 작성 순서

작은 스크린 대상에서 큰 스크린 대상으로

1. 공통으로 적용되는 스타일

2. 모바일에 적용되는 스타일

3. 테블릿에 적용외는 스타일

4. PC에 적용되는 스타일

순서로 확장해 간다.

 

아래와 같이 디바이스 범위가 명확하게 지정되면 작성 순서를 바꿀 수 도 있다. 

@media screen and (min-width: 481px) and (max-width: 768px) { ... }