@DevIanL
Posted
Acredito que poderia melhorar um pouco o resultado final. Colocando todos os elementos de texto dentro de um outro elemento semântico ( seja ele um div, um article, um footer, dentre outros... ), e a partir do CSS alinhar todos os elementos de texto dentro do elemento semântico e aumentar um pouco o seu padding( parte do conteúdo do elemento ), para que assim os elemento fiquem mais compactos dentro do elemento principal.
FICARIA ASSIM:
HTML:
<article class="Texto"> <h1 class="Titulo">Melhore suas habilidades de front-end construindo projetos</h1> <p class="Paragrafo"> Escaneie o código QR para visitar o Frontend Mentor e leve suas habilidades de codificação para o próximo nível </p> </article>CSS:
.Texto { margin-top: 10px; padding: 30px; } .Titulo { font-size: 25px; font-family: Arial, Helvetica, sans-serif; margin: auto; margin-bottom: 30px; } .Paragrafo { color: hsl(220, 15%, 55%); font-size: 17px; font-family: Arial, Helvetica, sans-serif; }