Answers for "what are media queries in css"

css media queries

@media only screen and (max-width: 1200px){
    /*Tablets [601px -> 1200px]*/
}
@media only screen and (max-width: 600px){
	/*Big smartphones [426px -> 600px]*/
}
@media only screen and (max-width: 425px){
	/*Small smartphones [325px -> 425px]*/
}

media query

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

media query in css

@media screen and (min-width: 374px){
   section#rent_sectionn {
    padding: 0 20px !important;
}
 }

media query

@media only screen and (min-device-width: 900px) and (max-device-width: 1200px) {
  /* insert styles here */
}

media query

@media only screen and (max-width: 600px) {
  .class {
    // Your CSS
  }
}

media query

@media screen and (min-width:480px) and (max-width:800px) {
    /* Target landscape smartphones, portrait tablets, narrow desktops
    */
  }

  @media screen and (max-width:479px) {
    /* Target portrait smartphones */
  }
  
  @media all and (orientation: landscape) {
    /* Target device in landscape mode */
  }
  @media all and (orientation: portrait) {
    /* Target device in portrait mode */
  }
 /*https://developers.google.com/search/blog/2012/04/responsive-design-harnessing-power-of*/