Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Functional and responsive form with validation and ReGex build in JS

@developer-luizcarlos

Desktop design screenshot for the Contact form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

In English:

I'm satisfied with the experience I've gained over the past few months, something I've noticed due to the relative ease I had in implementing all the challenge's functionalities, particularly in terms of the logic involved in the programming and also in the layout design, especially the use of display grid and opacity to prevent the layout from breaking as error messages appeared when certain fields were invalid.

Em Português:

Eu estou satisfeito com a experiência que os últimos meses me deram, algo que pude notar devido a relativa facilidade que tive em implementar todas as funcionalidades do desafio no aspecto da lógica que envolveu toda a programação e também sobre a montagem do layout, especialmente o uso de display grid e opacity para impedir que o layout quebrasse conforme as mensagens de erro ao ter determinado campo inválido surgissem.

What challenges did you encounter, and how did you overcome them?

In English:

My biggest task was simplifying the CSS styles to avoid excessive repetition, making the styles a bit more generic.

Em Português:

Meu maior trabalho foi realizar simplificações de estilos em css para que não houvessem demasiadas repetições, tendo tornado os estilos um pouco mais genéricos.

What specific areas of your project would you like help with?

In English:

"I tried to use the BEM CSS convention, but I'm still confused about how to use it, especially when I should or shouldn't apply it."

Em Português:

Eu tentei usar a convenção BEM de CSS, mas ainda estou confuso sobre como utilizá-la, especialmente quando devo ou não aplicá-la.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord