Skip to content

Instantly share code, notes, and snippets.

@petronioamaral
Created February 23, 2021 19:35
Show Gist options
  • Select an option

  • Save petronioamaral/37722366066fbd271226d95f78f30297 to your computer and use it in GitHub Desktop.

Select an option

Save petronioamaral/37722366066fbd271226d95f78f30297 to your computer and use it in GitHub Desktop.
medias css

/* ##Device = Desktops ##Screen = 1281px to higher resolution desktops */

@media (min-width: 1281px) {

/* CSS */

}

/* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */

@media (min-width: 1025px) and (max-width: 1280px) {

/* CSS */

}

/* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */

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

/* CSS */

}

/* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

/* CSS */

}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */

@media (min-width: 481px) and (max-width: 767px) {

/* CSS */

}

/* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */

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

/* CSS */

}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment