Skip to content
OverviewSolutions
4
Comments
3
Jerry Yanikov
@JerryYanikov

All comments

  • Jerry Yanikov•105
    @JerryYanikov
    1. pull the background image outside of the container to have it stretch on the entire screen witdh.
    2. discount should be minus 25%, not additional. if (toggler.classList.contains('checked')) { price *= 0.75; }

    other than these two, this is a great work!

    Marked as helpful
  • Jerry Yanikov•105
    @JerryYanikov
    1. you can use 'step=25' in your input (in the HTML input range line)
    2. you can use #slider::-webkit-slider-thumb and #slider::-webkit-slider-thumb:active in your CSS to style the slider thumb.

    feel free to have a look in my solution to see what I mean.

  • Jerry Yanikov•105
    @JerryYanikov

    Your issues with the input range runnable track can be solved using some JS. Use linear gradient and change its cutting point according the the value of the slider.