Css media query gist

/* 
  ##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 */
  
}

Similar codes

0 vote330 views1 answer
Custom hr in css
CSS
0 vote296 views2 answers
A4 pagw size css
CSS
0 vote317 views1 answer
How to slide div from left to right using css
CSS
0 vote409 views1 answer
Css center table on page
CSS
0 vote298 views1 answer
Width calc(100 - 100px)
CSS
0 vote286 views1 answer
How to install tailwind css in html
CSS
8 votes301 views6 answers
Overlay css background image
CSS
19 votes307 views4 answers
Add blur background css
CSS
4 votes283 views1 answer
Who created css
CSS
2 votes339 views3 answers
Sequelize order by
CSS