Media Queries para sites responsivos

Media Queries servem para definir estilos no CSS, que serão aplicados de acordo com a largura do navegador, criando assim sites responsivos.

// O código abaixo irá definir os backgrounds das div’s como blue 
// sempre que a tela tiver no máximo 400px de largura, ou seja, 
// sempre que a tela for menor que 400px de largura

@media (max-width: 400px) {
	div {
		background: blue;
	}
}

Saiba mais em:

https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries