Skip to content
Submitted 12 months ago

Contact form - accessibility path

accessibility, next, react, typescript, sass/scss
Andro87•1,460
@Andro87
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • P
    Kamran Kiani•2,820
    @kaamiik

    Congratulations on completing this challenge!

    • For the toast message, I suggest adding a timeout so it automatically disappears after a few seconds. This will create a smoother user experience.
    • When the toast message appears, it seems to push the contact card down. It would be great to address this for a more seamless layout.
    • Additionally, the input fields should have a red outline or border during error states to provide clearer visual feedback.

    Other than that, it’s looking fantastic! Keep up the great work!

    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