Solucionado
Terminei todo o código de acordo com a aula, mas a validação de mensagens de erro personalizadas não aparecem. Estou usando o Live Server e só aparece a mensagem de erro padrão do navegador. Já comparei meu código com o passado em aula, está a mesma coisa, e testei o projeto da aula também, mas ele abre igualmente no navegador e a mensagem de erro não aparece estilizada.
hoje, com a Alura e o Google Gemini
Olá, Karine! Tudo bem?
Entendo que você esteja enfrentando dificuldades para estilizar as mensagens de erro em seu formulário utilizando o Live Server. Vamos tentar resolver isso juntas!
Primeiramente, é importante verificar se você está aplicando corretamente as classes CSS para estilizar as mensagens de erro. Certifique-se de que as classes estão sendo adicionadas corretamente aos elementos HTML que exibem as mensagens.
Além disso, verifique se você está importando corretamente o arquivo CSS que contém as estilizações para as mensagens de erro. Certifique-se de que o caminho do arquivo CSS está correto e que ele está sendo carregado corretamente pelo Live Server.
Outro ponto a ser verificado é se você está utilizando os seletores CSS corretos para estilizar as mensagens de erro. Por exemplo, se você está utilizando um seletor de classe para estilizar as mensagens, certifique-se de que a classe está sendo aplicada corretamente aos elementos HTML.
Caso você já tenha verificado todos esses pontos e o problema persista, pode ser que haja algum conflito entre as estilizações do arquivo CSS que você está utilizando e as estilizações padrão do navegador. Nesse caso, você pode tentar utilizar seletores mais específicos ou utilizar a propriedade !important para garantir que as estilizações do seu arquivo CSS sejam aplicadas.
Espero que essas dicas possam te ajudar a resolver o problema das mensagens de erro estilizadas.
Um abraço.