Skip to content
Submitted almost 4 years ago

Interactive Pricing Component (mobile-first)

Adam•430
@aemann2
A solution to the Interactive pricing component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The only difficult thing about this was styling the range slider. It took me several hours...what a nightmare! Hopefully they add some way to make customizing this element easier.

Code

Please log in to post a comment

Log in

Community feedback

  • Account deleted

    The 25% discount does not get applied when you click on the toggle, you should check it out.

    Happy coding.

    Marked as helpful
  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hi there, Adam! 👋

    Well done on this challenge! 👍 Your solution looks good and the pricing slider works well (it's keyboard-accessible, too, which is a nice bonus)! 👏

    The only very minor suggestion I have is to give the toggle-switch an outline when it is focused (just like the pricing slider and button). 😉

    Keep coding (and happy coding, too)! 😁

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