Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive password generator app

P
kayan 630

@kayan2004

Desktop design screenshot for the Password generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

P

@ikitamalarose

Posted

Congratulations on the work done.

I invite you to document yourself on mousedown and touchstart to make the customise slider. Then depending on the position, put the password strenght.

Use div or button containing the icon to customise to create your own checkboxes.

Blocked the copy option when there is nothing in the password field.

Reduce the width of the main block.

You can take a look at the work i did to get an idea of all this.

:)

Marked as helpful

1

P
kayan 630

@kayan2004

Posted

Thanks man, I know it wasn't the best but I was bored trying to figure out how to style checkboxes and the slider so i just wrote the javascript code and submitted it haha. Thank you for the advice!@ikitamalarose

0
P

@ikitamalarose

Posted

You're welcome dude

PS: I'm a girl haha

1

Please log in to post a comment

Log in with GitHub
Discord logo

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