Custom Range Slider Design HTML | CSS | Javascript (Quick Tutorial)

Just a small mistake I wanted to address. Inside the CSS media query the '.neu-range-slider' class should be renamed to just '.range-slider'.
You can also add the user-select: none; property on the '.range slider' to make its interactivity smoother.

I tryied to adapt this code with react and using sass but didn't worked...
Still beautifull slider :)

wasting time not working slider

tooltip is a bad idea naming class.

To make the slider work, simply change the selector in the javascript from .thumb to .slider-thumb.

const thumb = container[i].querySelector(".thumb");
should be...
const thumb = container[i].querySelector(".slider-thumb");

wasting time not working slider

beautiful

Well done, nice man

It's not working! Wastage of time ☹️😤

Thanks man, it works fine.