Solucionado
A resolução do exercício é uma aplicação de um projeto de estudos HTML e CSS.
body{
background-color: #2F4538;
color: rgb(252, 255, 240);
font-family: "Roboto", serif;
font-size: 16px;
padding: 2px;
text-align: center;
line-height: 1cm;
word-spacing: 1.5vh;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
Qualquer erro ou aplicação errada, conto com a correção de vcs. Obrigado.
Olá, Renê! Tudo bem?
Você fez um ótimo trabalho nessa lista de exercícios! Parabéns por sua dedicação aos estudos, continue dedicado assim!
Quanto a dicas, o uso do flexbox e o alinhamento central com align-items: center foram aplicados corretamente. No entanto, percebi alguns pontos que podem ser ajustados para melhorar a apresentação e a consistência do layout.
1. word-spacing e line-height:Você usou unidades diferentes que podem dificultar a manutenção do estilo. Recomendo manter a consistência com unidades relativas, como em ou rem.
Veja este exemplo:
body {
background-color: #2F4538;
color: rgb(252, 255, 240);
font-family: "Roboto", serif;
font-size: 16px;
padding: 2px;
text-align: center;
line-height: 1.5em; /* Ajustado para uma leitura mais confortável */
word-spacing: 0.5em; /* Mantendo consistência com o `em` */
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
Mais uma vez, parabéns pelo excelente trabalho e obrigada por compartilhar seu código com o fórum, ele pode ajudar muitos outros estudantes!
Conte com o apoio do Fórum na sua jornada. Fico à disposição :)
Abraços e bons estudos!
Obrigado Rafaela, faz muito sentido essa dica. Vou manter o mesmo padrão para as unidades. Até a próxima!