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

Contact form built with Javascript

Daniel ๐Ÿ›ธโ€ข 44,230

@danielmrz-dev

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?

๐Ÿ›ธ 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 ๐Ÿ˜Š

Community feedback

P
DeyanTopalovโ€ข 430

@DeyanTopalov

Posted

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!

1

Daniel ๐Ÿ›ธโ€ข 44,230

@danielmrz-dev

Posted

@DeyanTopalov Which browser are you using?

I always test my solutions both on mobile and desktop to check if everything is working fine before posting it. I did with this one too and this behavior is not happening here.

Could this be your browser settings maybe?

0
P
DeyanTopalovโ€ข 430

@DeyanTopalov

Posted

@danielmrz-dev I am using Safari on IOS 17.4. & the ARC browser - both apps updated to their latest version.

I have not checked this on Chrome or Mozilla.

If it will help, I can send you screenshots on discord

0

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