¿Qué hace este CSS?

@media (max-width: 600px) {
  .sidebar { display: none; }
}

Oculta la barra lateral siempre, en cualquier pantalla
Oculta la barra lateral en pantallas de hasta 600px de ancho (Opción correcta)
Hace que la barra lateral mida exactamente 600px
Oculta la barra lateral solo en pantallas grandes de escritorio

Oculta la barra lateral solo cuando la pantalla mide 600px de ancho o menos

Una media query aplica sus reglas CSS solo cuando se cumple una condición, aquí: el viewport mide como mucho 600px de ancho (móviles).

Esta es la base del diseño responsive: una página que adapta su diseño a distintos tamaños de pantalla.

Muchos equipos escriben primero los estilos móviles y añaden queries min-width para pantallas mayores.

Media queries = CSS que depende del tamaño de pantalla.