O que é Responsividade e Mobile First?

Antigamente, as pessoas faziam um site pro Computador e um site separado pro Celular. Hoje, fazemos UM site que 'responde' e se adapta ao tamanho da tela (Design Responsivo). A filosofia atual é o Mobile First: Você cria o CSS pensando no celular primeiro, e só depois adiciona regras para telas maiores. Tudo começa pela tag `<meta name="viewport">` colocada no HTML para avisar o celular para não dar zoom forçado.