Skip to content

Instantly share code, notes, and snippets.

@claide

claide/generic-media-query.css

Created May 11, 2020 03:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save claide/bf901a21653564cd8bc79eab93aadbd2 to your computer and use it in GitHub Desktop.
Save claide/bf901a21653564cd8bc79eab93aadbd2 to your computer and use it in GitHub Desktop.
Download ZIP
Generic css media query template.
Raw
generic-media-query.css
/*
desktops
higher resolution
*/
@media (min-width: 1281px)
/*
laptops,
desktops
*/
@media (min-width: 1025px) and (max-width: 1280px)
/*
tablets,
ipads (portrait)
*/
@media (min-width: 768px) and (max-width: 1024px)
/*
tablets,
ipads (landscape)
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
/*
low resolution tablets,
mobiles (landscape)
*/
@media (min-width: 481px) and (max-width: 767px)
/*
smartphones mobiles (portrait)
*/
@media (min-width: 320px) and (max-width: 480px)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment