Submitted 3 months ago

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

KrishnaPoddar1• 400

@KrishnaPoddar1

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Contact form

HTML
CSS
JS

2junior

View challenge

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.

The Form is not being centered vertically. Even after min-height of 100vh is provided.
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

@vcollins1

Posted 2 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%;
}

Please log in to post a comment

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