Skip to content
Submitted about 3 years ago

Interactive pricing with CSS slider

Pamela•20
@pamelarose28
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I'm having trouble placing the arrow image on the slider bar thumb. I am also unsure of how to complete the JS.

Community feedback

  • Daniel•250
    @daniel-hennigPosted about 3 years ago

    Hey Pamela, I see you're having some trouble here. I had the same problem and I have researched a lot to solve this arrow slider thum image problem. Maybe my solution can help you, just have a look and if you've questions to my code, I'll help :)

    Marked as helpful
    0
    Pamela•20
    @pamelarose28Posted about 3 years ago

    @daniel-hennig Nice job with the styling! Thanks for your response, I will look it over :)

    0
  • Ahmed Faisal•5,095
    @afrusselPosted about 3 years ago

    Found problem on mobile view. In mobile main container is not fit yet.

    0
    Pamela•20
    @pamelarose28Posted about 3 years ago

    @afrussel oops, I forgot to put that I didn't do the mobile view yet

    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