What do you want to save?
Add Code snippet
New code examples
-
CSS 2021-09-30 17:58:03
mobile tablet desktop media queries
/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styl... Add solution -
CSS 2021-09-26 21:34:07
css slider
<!--automatic slidshow--> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} body {font-family: Verdana, sans-seri... Add solution -
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