
Submitted over 2 years ago
Intro component with input validation
#accessibility#bem
@jaycgreenwald
Design comparison
SolutionDesign
Solution retrospective
- I split the JavaScript variables/error variables into it's own partial. It seemed useful to me. Is there a downside I'm overlooking?
- It bugs me that when the 2px border is applied to the error fields, the form changes ever so slightly in size. I tried using outline instead of border, but I couldn't quite pull it off. I suspect I could have manipulated the padding via JavaScript but I was worried that was overkill. Suggestions?
- How could I improve my JavaScript (syntax/formatting)? Can my code be simplified?
- How can I improve accessibility?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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