Skip to content

Instantly share code, notes, and snippets.

@zubair1024

zubair1024/media_query_cheatsheet.css

Created April 10, 2021 19: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 zubair1024/111c0f483c6b955e699d4a68443c9e11 to your computer and use it in GitHub Desktop.
Save zubair1024/111c0f483c6b955e699d4a68443c9e11 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive Media Query Cheatsheet
Raw
media_query_cheatsheet.css
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@media all and (min-width: 480px) and (max-width: 768px) { }
@media all and (max-width: 480px) { }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment