Media Queries são fundamentais para design responsivo, pois permite aplicar estilos diferentes baseados nas características do dispositivo, como largura,/altura da tela, orientação ou resolução. Dessa forma altera o layout sem alterar o conteúdo, garantindo uma experiência ideal em desktop, tablets e celulares.
Site com versão para impressora
criar dois arquivos de css um para pagina web e outro apenas para impressoras, isso permite retirar ou colocar partes importante para cada uma das opções desejada, por exemplo para impressão do site não é necessario o menu já que não será possivel acessa-lo, logo no style de impressora não ele não precisa aparecer.
Diferentes orientações de tela
Também foi estudado como configurar as páginas para as diferentes orientações da tela. Se você quiser testar, basta clicar para abrir a página de exemplo. Ela também está logo abaixo, mas para poder ver o que acontece quando muda a orientação você tem que abriar a página.
Mudando transforme aumenta ou diminui a pagína
Dependo do tamanho que sua página estiver ela tera fundo diferentes, para testar clique para abrir a página, exemplo de uma das páginas disponível está logo abaixo.