Skip to content
Submitted about 1 year ago

Contact form built with Javascript

accessibility, lighthouse
P
Daniel 🛸•44,790
@danielmrz-dev
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

🛸 Hello FEM Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

  • HTML 🧾
  • JavaScript 🤖
  • BEM Notation 🅱️
  • Mobile first workflow approach 📲

Very nice accessibility test. I think I managed to add all the required features.

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Code

Please log in to post a comment

Log in

Community feedback

  • P
    DeyanTopalov•430
    @DeyanTopalov

    Hey @danielmrz-dev, congrats on yet another great solution!

    Just one small thing on my end - currently your text inputs have font-size of 11px. Perhaps you are following the design (tbh I have not checked the challenge details yet).

    But on mobile when the input has smaller than 16px font size, the browser automatically zooms in (A LOT) when the input is selected, without automatically zooming back to normal view. This might lead to not the best UX on mobile. The best way to avoid this is to always have font size of 16px or bigger on your text input areas.

    Hope this helps & keep the good work!

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