Skip to content
Submitted 3 months ago

password-generator-app

Rohan Tayal•310
@rohantayal
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Password generator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

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.

Community feedback

  • DJ Neill•130
    @djneillPosted 3 months ago

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

    0

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