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 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