media query for mobile view css
/*
Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{...}
/* Small devices (portrait tablets and large phones, 600px and up)
*/
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up)
*/
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large
laptops and desktops,
1200px and up) */
@media only screen and (min-width: 1200px) {...} @media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
Also in CSS:
- If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
- css italic text
- font-style css
- html font white text with black border
- css comic sans
- row class in bootstrap
- what does flex do
- button color for black background html css
- css js show or hide on click
- css selectors cheat sheet
- scss npm import
- css progress bar
- css hover
- gradient over image css
- general sibling selector
- update data in firestore
- carousel inner item populate with for loop puting active class on all carousel item
- jquery element css
- installer scss projet wordpress
- css flex vertical align
- css transition delay
- how to change svg image color on hover using css
- how to give page a random background image css
- change color select arrow css cf7