What challenges did you encounter, and how did you overcome them?
i had some problems designing the range and checkboxes.
i could design the range by first resetting the entire thing and designing it using -webkit-slider-runnable-track and -webkit-slider-thumb.
but I am still unable to give the boxes of checkbox background color.
What specific areas of your project would you like help with?
I would like some help designing the checkbox boxes, specifically with the background color.
I used React with Tailwind CSS for my challenge. Since you're using HTML, CSS, JS my first guess would be this. I would have a checked and unchecked CSS class. Then I would use an event listener in JS to toggle the classes onClick. .checkbox{ background-color: transparent; border-color: #FFFFFF; } .checkbox:checked { background-color: #A4FFAF; border-color: #A4FFAF; }
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
