O design responsivo faz com que um site ajuste seu layout à tela em que está sendo visualizado. É como um móvel que se dobra para caber em um cômodo pequeno e se abre quando há mais espaço.
Uma fileira de três cartões pode virar uma única coluna em um celular. Textos, imagens e controles devem continuar legíveis e fáceis de usar nos dois tamanhos.
O objetivo não é fazer todas as telas parecerem idênticas, mas permitir que o mesmo conteúdo funcione confortavelmente em telas diferentes, inclusive quando alguém amplia a página.