
Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
Struggled to replace the default active states of radio buttons and checkbox with svgs --> overcome by removing the browser's default styling using appearance: none;
and then adding the background image when checked
One more thing, I wasn't sure how to color the div that contains the radio button, when the button is selected --> resolved this by looping through all the radio buttons using forEach
, to identify the selected one, and adding a class to the parent div (and then style it in css)
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