Media queries w3schools

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

Css media query

/* BOOSTRAP MEDIA BREAKPOINTS */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  .selector {
  	background-color:#f00;
  }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

Source: bootstrapcreative.com

Media query css

media screen and (min-width: 1300px) {
media screen and (min-width: 400px) and (max-width: 700px) {

Source: alistapart.com

Media query css

@media only screen and (max-width: 768px) { }

@media query css

@media screen and (min-width: 320px) and (max-width: 786px) {
	// custom CSS
}

Source: torquemag.io

Media query in css

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

-2

Similar codes

2 votes122 views2 answers
Header center
CSS
55 votes142 views6 answers
Css margin
CSS
1 vote169 views1 answer
Css don't break elements
CSS
1 vote106 views2 answers
Css animated background
CSS
0 vote114 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
100 votes99 views2 answers
What is position property in css
CSS
0 vote106 views1 answer
Css start animation on hover
CSS
0 vote123 views1 answer
Add shadowto container
CSS
2 votes106 views1 answer
Blue outline after click when in mobile view
CSS
51 votes124 views6 answers
Css nth-child
CSS