Last active
August 12, 2021 14:48
-
-
Save hrhasnai/a20af307ed7bdcdf64a0663ace71c603 to your computer and use it in GitHub Desktop.
CSS Media Queries for Standard Devices
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*CSS Media Queries for Standard Devices*/ | |
/* | |
##Device = Desktops | |
##Screen = 1281px to higher resolution desktops | |
*/ | |
@media (min-width: 1281px) { | |
/*Cascading Style Sheet (CSS)*/ | |
} | |
/* | |
##Device = Laptops, Desktops | |
##Screen = B/w 1025px to 1280px | |
*/ | |
@media (min-width: 1025px) and (max-width: 1280px) { | |
/* Cascading Style Sheet (CSS)*/ | |
} | |
/* | |
##Device = Tablets, Ipads (portrait) | |
##Screen = B/w 768px to 1024px | |
*/ | |
@media (min-width: 768px) and (max-width: 1024px) { | |
/*Cascading Style Sheet (CSS)*/ | |
} | |
/* | |
##Device = Tablets, Ipads (landscape) | |
##Screen = B/w 768px to 1024px | |
*/ | |
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { | |
/*Cascading Style Sheet (CSS) */ | |
} | |
/* | |
##Device = Low Resolution Tablets, Mobiles (Landscape) | |
##Screen = B/w 481px to 767px | |
*/ | |
@media (min-width: 481px) and (max-width: 767px) { | |
/* Cascading Style Sheet (CSS)*/ | |
} | |
/* | |
##Device = Most of the Smartphones Mobiles (Portrait) | |
##Screen = B/w 320px to 479px | |
*/ | |
@media (min-width: 320px) and (max-width: 480px) { | |
/*Cascading Style Sheet (CSS)*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment