media queries quick tutorial css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-color: lightgreen;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
</style>
</head>
<body>
<p>Resize the browser window. When the width of this document is 600 pixels or less, the background-color is "lightblue", otherwise it is "lightgreen".</p>
</body>
</html>/*
<a href="#">Linky Boo</a>
*/
a {
color: red;
text-decoration: none;
text-transform: uppercase;
}
Also in CSS:
- how to change the page background in css
- how to change the height of an image in css
- flexbox grid
- remove bullets from list css
- css play button on image
- basic css designn elements
- svg css
- gradient over image css
- vertical align span tailwindscss
- bind css
- css change text
- css flex content right
- border radius css
- div scrollbar style
- nth-child() css
- css modules react
- card syntax html
- css variable
- bootstrap 4 material icon vertical align
- html center video
- how to add image with url in css
- text overflow ellipsis css
- postcss TypeError: require is not a function
- css remove button outline