This is a solution to the Fylo data storage component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- Live Site URL: Github Pages
- CSS custom properties
- Flexbox
- Semantic HTML
- Can only drag the slider backwards since a click event is not being handled.
- (Mobile) The higher the progress the more the bar covers the thumb of the slider til you can't see it or easily grab it
- Margin on the thumb is very noticeable on desktop
- W3 Schools - Range slider