Try it Yourself: CSS Media Queries

CSS Media Queries

<!DOCTYPE html>
<html>
<head>
<style>
@media (max-width: 600px) {
  .sidebar {
    display: none;
  }
}
</style>
</head>
<body>

<main>Main content</main>
<aside class="sidebar">Sidebar content</aside>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
@media (max-width: 600px) {
  .sidebar {
    display: none;
  }
}
</style>
</head>
<body>

<main>Main content</main>
<aside class="sidebar">Sidebar content</aside>

</body>
</html>