Made in react and tailwind

Hey Jimmy, took a peep at your code. It looks like you're doing a lot just for a slider, fortunately there's an easier way :-)

HTML has a built-in input tag just for this, via <input type="range" /> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range

If you'd like to save the values of the input to be used later, you'll probably want to save them to React's state onChange. Some resources to help you out:

• https://react.dev/reference/react-dom/components/input#controlling-an-input-with-a-state-variable
• https://relatablecode.com/how-to-make-a-simple-slider-component-in-react