Answers for "meida query css"

CSS
14

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) {}
Posted by: Guest on May-16-2020
0

css media query

@media screen and (min-width: 992px) {   
    .greater-than-large {
    color: red;
    }
}
@media screen and (max-width: 576px) { 
    .less-than-extra-small {
    color: red;
    }
}
@media screen and (min-width: 576px) and (max-width: 992px) { 
    .between-small-and-medium {
    color: red;
    }
}
Posted by: Guest on January-18-2022

Browse Popular Code Answers by Language