---
# System prepended metadata

title: 'Q: Mobile First and Desktop First'

---

# 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 {} }
![](https://i.imgur.com/qrfxwtx.jpg)

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 {} }

![](https://i.imgur.com/QQMjtVi.jpg)
