Design comparison
SolutionDesign
Solution retrospective
Couldnt figure out where to put the icons
Community feedback
- @GeorgeDarisPosted over 1 year ago
One way of going about the icons is adding them as pseudo elements, since they are decorative elements. The input element doesn't accept pseudo classes, since it isn't a container element. To overcome this issue you can simply wrap it in a span, and using the ::before pseudo selector add the appropriate icons as background images.
Marked as helpful1
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