@correlucas
Posted
👾Fala Jefferson, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!
Acabei de ver sua solução e acho que ela está bem completa, tenho algumas dicas pra você:
1.O seu componente já está com o design pronto, um bom exercício para melhorar seu código, seria criar a estrutura mais limpa o possível e reduzir seu código ao máximo. Por exemplo, você pode segurar todo conteúdo em um bloco só usando (<main>
ou <div>
) nesse caso vamos usar <main>
por que é uma tag semântica. Se você notar, nem precisa adicionar nenhum div além da principal para segurar o conteúdo (img, h1 e p). A estrutura ideal e mais limpa possível para esse desafio é essa aqui:
<body>
<main>
<img>
<h1></h1>
<p></p>
</main>
</body>
2.Não é aconselhável usar IDs como seletores de CSS porque se outro elemento na página usar o mesmo estilo/semelhante, você terá que escrever o mesmo CSS novamente. Mesmo que você não tenha mais de um elemento com esse estilo agora, ele pode vir mais tarde.
👋 Espero ter ajudado e continue no foco!
Marked as helpful