# Q: Mobile First and Desktop First

Mobile First - Mobile Property
CSS
Mobile CSS
.box {}

Table CSS
@media(min-width: 768px) { .box {} }
Laptop CSS
@media(min-width: 1024px) { .box {} }
Desktop CSS
@media(min-width: 1200px) { .box {} }
TV/Higher CSS
@media(min-width: 1440|1600px) { .box {} }

Desktop First - Desktop Property
Desktop CSS
.box {}
Laptop CSS
@media(max-width: 1023px) { .box {} }
Tablet CSS
@media(max-width: 767px) { .box {} }
Mobile CSS
@media(max-width: 540px) { .box {} }