Skip to content
Submitted over 4 years ago

HTML, CSS and JS only

JP Yepez•55
@jpyepez
A solution to the Interactive pricing component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi all,

Jumping back into front-end after a brief break. I gave this one a shot with only HTML, CSS and JS. I'd appreciate any feedback. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hello there, JP Yepez! 👋

    Just wanted to say, good job on this challenge! 👏 Your solution looks good, is responsive, and the slider works well! 👍

    Keep coding (and happy coding, too)! 😁

  • Erik Tangvik•255
    @Etang131

    To fix the background image on the thumb you might want to use: background-image: url("/images/icon-slider.svg"); background-repeat: no-repeat; background-position: center; background-size: auto;

    Also how did you get your slider to change colors?

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