Skip to content
Submitted 7 months ago

Accessible Contact Form

accessibility, react, bootstrap
hkaur108•310
@hkaur108
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I am facing issues with removing the default styles of the input field, I have tried -webkit-appearance:none, but that does not seem to help. Please advise as to how I can fix it.

Secondly, I have tried to add accessibility into the form for the first time, please let me know if it is correct and something else can be done to improve the solution.

Any other sort of feedback is also welcomed.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Abigail Figaro•290
    @abigailjulie

    It's clear you have a lot of experience using react but I fear it's over complicating this exercise. The preview doesn't even show up. I think it's worth while trying to replicate the design file exactly. The margins and paddings are inconsistent. I think added a min-width would stop the form from stretching every time a cursor hovers over the input. Capitalization and margins on the error messages are inconsistent. You are clearly capable, just pay more attention to details. Looks Great!

    Marked as helpful

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