logo Randthemes.com

Custom CSS3 Media Queries

If you’ve ever wondered how to use your own CSS3 Media Queries for your project here our proposal.
These are the basic sizes for devices with smaller screen, medium screen, tablets, laptops and large display.

Screen sizes

Large displays
@media only screen and (min-width:1024px) and (max-width: 1200px){

}

Laptops
@media only screen and (min-width:768px) and (max-width: 1024px){

}

Tablets
@media only screen and (min-width:640px) and (max-width: 768px){

}

Medium screen
@media only screen and (min-width:480px) and (max-width: 640px){

}

Smaller screen
@media only screen and (min-width:320px) and (max-width:480px){

}

Leave a Reply

RandThemes.com