Skip to content
Submitted 6 months ago

Contact Form

tigeryash•210
@tigeryash
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Contact form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Used this project to practice using React-hook-form and Zod to validate. I used React-hot-toast for the toaster.

What challenges did you encounter, and how did you overcome them?

I struggled to figure out how to properly use the font which were given in the starter file so I asked AI for help.

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

I'd like to know how to add the SVGs to the radio and checkbox. I couldn't figure out how to replace the default input buttons. Is it also possible to do with Tailwind CSS?

Community feedback

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    hi there! 👋

    if you want to use the SVG-s you need to create your own custom radio buttons and checkboxes, and replace the original ones with them. then you can toggle the original elements using JS event handlers. and you should make them keyboard accessible for accessibility reasons

    Hope this was helpful 🙏

    Good luck and happy coding! 💪

    0

Please log in to post a comment

Log in with GitHub

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