-
@sea-cell0 Parabéns pelo código, ficou muito bom!
-
Sou iniciante aqui no site, mas queria passar umas dicas que me passaram aqui e que vi em projetos de outros usuários também.
-
É interessante usar as tags "corretas", que seriam <head> para cabeçalhos, <main> para o conteúdo principal, <footer> para rodapé, etc, assim o código e o site se tornam mais acessíveis, e o FrontEnd Mentor não acusa erros nesse mini relatório deles. Também utilizar o atributo "alt" nas imagens para descrever uma imagem, assim, quando o site não carregar corretamente, por x motivo, o usuário poderá ver do que se tratava a imagem, também auxilia os usuários com deficiência visual.
-
Sobre o código em si, um detalhe importante é o uso do :hover no CSS, você acabou utilizando o :active o que faz com o que o botão apenas mude de cor quando pressionado e não quando colocamos o cursor por cima.
-
Novamente, parabéns pelo código! Vai ver que os outros desafios se tornam mais fáceis com a prática, esse primeiro foi complicadinho pra mim. Tenta escrever em inglês também se tiver alguma dúvida grande pois grande parte do site é gringo então é mais fácil de te responderem rápido.
Marked as helpful
@sea-cell0
Posted
@GodoiTheCreator olá, obrigado por responder e por contribuir no post; o terceiro item que você citou foi uma boa dica, sempre negligencio essa parte semântica, vou tentar lembrar da próxima!!
quanto ao quarto item, eu interpretei como sendo :active mesmo, pois a foto de referência se chama "active-states", então não tá bem especificado se o certo é :hover ou :active; usei o que me pareceu melhor.
enfim, brigadão pelo feedback, estarei te seguindo por aqui.