What do you want to save?
Add Code snippet
New code examples
-
CSS 2021-09-21 15:26:04
@media screen and (max-width
/* Max-width */ @media only screen and (max-width: 600px) {...} /* Min-width */ @media only screen and (min-width: 600px) {...} /* Combining media query expressions */ @media only screen and (max-width: 600px) and (min-width: 400px) {...} Add solution -
CSS 2021-09-14 14:47:02
media query css
@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]*/ } Add solution -
CSS 2021-09-12 14:18:02
what is a max and min width media query
/* Max-width */ @media only screen and (max-width: 600px) {...} /* Min-width */ @media only screen and (min-width: 600px) {...} /* Combining media query expressions */ @media only screen and (max-width: 600px) and (min-width: 400px) {...} Add solution -
Other 2021-09-11 05:12:02
background imge on mobile
/* Desktop-only view. * Largest mobile view is iPad Pro with 1366 in landscape mode */@media only screen and (min-width:1367px) { :root { --bg-image-webp: url('./images/hero.webp'); --bg-image-jpg: url('./images/hero.jpg'); --bg-size: cover; ... Add solution -
Other 2021-09-05 01:01:02
responsive container scss
.container { padding-right: 1rem; padding-left: 1rem; } .container:not(.is-fluid) { margin: 0 auto; } @media only screen and (min-width: 600px) { .container:not(.is-fluid) { width: 100%; max-width: 570px; } } @media only screen and (min-... Add solution