Como você deve saber, o CSS permite que você defina a altura e a largura dos elementos
usando pixels e outras unidades de medida. Para tornar seu site mais responsivo,
recomendamos usar porcentagens. Dessa forma, elementos como botões devem se adaptar
perfeitamente conforme as telas ficam menores.
Imagens e outros elementos visuais em uma página não devem ser as únicas coisas que podem
ser dimensionadas para telas menores. O texto também precisa ser responsivo, ou você pode
acabar com um site para dispositivos móveis onde os usuários só podem ver uma ou duas
palavras na tela antes de precisar rolar para baixo. Definir fontes em unidades relativas, como
em ou rem, faz com que elas sejam dimensionadas com o dispositivo.
CSS ajuda você a adicionar facilmente espaçamento entre diferentes blocos HTML usando
preenchimento e margem.
Aqui está um exemplo simples de como margem e preenchimento podem ser adicionados a
um bloco, e também como você pode aplicar consultas de mídia para adicionar espaçamentos
diferentes.
Se você se sente confortável usando HTML e CSS, criar um site totalmente responsivo pode ser
mais fácil do que você imagina. No entanto, se você usar um sistema de gerenciamento de
conteúdo (CMS) como o WordPress, todo o processo se tornará muito mais simples, já que
você raramente precisará lidar com código, mesmo quando estiver trabalhando em design
responsivo.
O que significa SEO: Entenda os Fundamentos da Otimização para Motores de Busca