dúvida

Olá Sérgio, tudo bem?

A regra @media no CSS é usada para aplicar estilos diferentes para diferentes dispositivos ou tamanhos de tela. Ela não necessariamente precisa ficar na parte de baixo do CSS, mas é uma prática comum colocá-la no final. Isso porque o CSS é lido de cima para baixo, e as regras definidas mais para baixo sobrescrevem as que foram definidas mais acima. Então, se você definir uma regra no início do seu CSS e depois definir uma regra diferente para o mesmo elemento dentro de uma consulta de mídia (@media) no final do arquivo, a regra dentro da consulta de mídia será a que prevalecerá quando as condições dela forem atendidas.

Sobre o reset, essas regras são colocadas no topo do arquivo CSS para garantir que sejam aplicadas primeiro, antes de quaisquer outras regras personalizadas para que ele funcione de fato.

Um abraço e bons estudos.