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

Solution retrospective
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
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@vcollins1
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%; }
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