Design comparison
SolutionDesign
Solution retrospective
My first thought with the error message and image is to add them in using CSS ::after
and ::before
pseudo-selectors, but because <input>
s are self-closing, I'm not able to. Instead, I chose to add the error elements to my HTML and display them as relevant. What would be the best practice for adding invalid styling elements to a form like this one?
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