Mobile first with CSS flexbox, relative and absolute positioning

Hey, awesome job here. You can use the cursor:grab. You should set the cursor to grab in the hover state and to grabbing in the active state of the slider. .slider:hover{ cursor:grab;} and .slider:active{ cursor:grabbing;} Happy Coding :-)

Hey! Just wanted to say that your background gradient solution is very clever! When I attempted the same challenge I overlapped the slider with divs to take the place of the thumb and slider bar. One div would show the filled areas! The width of this div would change according to the slider with some javascript! If that explanation is hard to understand have a look at my code. Your solution is elegant and has fewer moving parts :). There is just a minor flaw in your logic! the white gradient should start at the same percentage as the green part of the gradient. for example if the green gradient stops at 25% have the grey gradient start at 25%! To prevent the color fading you can some extra stops to your gradient of the same color. background: linear-gradient(90deg, green 0%, green 25%, white 25%, white 100%); I hope that helps!