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 with React

P
eestaniel 610

@eestaniel

Desktop design screenshot for the Contact form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@pritxxh

Posted

The solution includes semantic HTML which is great for accessibility. The layout looks good on various screen sizes due to the responsive design approach. However, there are some areas for improvement:

1. Accessibility could be enhanced by adding proper aria labels, role attributes, 
    and keyboard navigation support.
2. The code structure could be more modular, with separate files for CSS, 
    JavaScript, and better organization of components.
3. While the layout matches the design, there could be minor differences in 
    spacing, font sizes, or colors that could be fine-tuned.
4. The code could be made more reusable by abstracting common functionality 
     into separate functions or modules.

Overall, it's a solid solution that meets the requirements, but with some tweaks to accessibility, code structure, and attention to detail, it could be even better.

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