Skip to content
Submitted 4 months ago

Contact form using HTML,CSS and JavaScript(Accessibility included)

KrishnaPoddar1•400
@KrishnaPoddar1
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 specific areas of your project would you like help with?

There is quiet a few issues I have a problem finding solution to.

  1. The Form is not being centered vertically. Even after min-height of 100vh is provided.
  2. The Radio box when clicked doesn't change its color. The onclick function's have also been mentioned properly and its been called but the console log when it is clicked doesn't work instead I get a reference error. Similarly for handlebox2 as well. ReferenceError: handlebox1 is not defined

Any Suggestions/tips would be helpful

Community feedback

  • vcollins1•410
    @vcollins1Posted 4 months ago

    To increase the clickable area of your radio boxes you can do something like making the width of the label 100%

    .box {
    ......
    display: flex;
    align-items: center;
}

.box label {
    ......
    display: block;
    width: 100%;
}
    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