Skip to content
Submitted 4 months ago

reponsive-contact-us-form

Mikhil Desai•600
@mike15395
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

completed solution in time and learned about accessibilty.

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

Writing aria-label and checking acccessibilty score

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

check responsive code.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Ilya Yudin•1,060
    @yudin7324

    HTML:

    • Not all form elements are wrapped in a <form>, which may affect proper data submission.
    • The submit button should have the attribute type="submit".
    • For better accessibility, consider adding additional attributes to form elements.

    CSS:

    • Percentages for sizes can sometimes behave unexpectedly. It’s better to use more flexible approaches for elements, if possible.
    • The font-family: "Karla"; does not need to be specified for every element. It can be set on the body, and child elements will inherit it automatically.

    Recommendations:

    • Improve the accessibility and structure of the markup.
    • Use more flexible approaches for responsive design.
    • The form and event handling can be made more stable and clear.

    Good luck in the next challenge

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