Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Colors

@media (max-width: 499px) {
  body {
    background-color: green;
  }
}

@media (min-width: 500px) and (max-width: 800px) {
  body {
    background-color: red;
  }
}
@media (min-width: 801px) {
  body {
    background-color: blue;
  }
}


<html>
<head>
<title>Media Query: Colors</title>
<link rel='stylesheet' href='colors.css' />
</head>
<body>
</body>
</html>