Skip to content
Submitted over 4 years ago

Mobile firs, BEM, Flexbox,

Romanoli•265
@hickkick
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Is it correct to use the input range in this case? is it possible to implement it with a gradient? But please tell me, file icon - to select a file, cloud - to download, why a folder icon? Maybe not a very correct question, and you send me to google) Thank you for your attention! Have a good day!

Community feedback

  • Shashi Lo•1,345
    @shashiloPosted over 4 years ago

    Very unique implementation Romanoli. I don't know if this is the right place to use an input range as it's just for show and not an input element, but I like it! I believe there's ways to use pseudo elements to create the gradient, but you'd need to redo the current pseudo elements. The bubble should be a pure white color and I would make the entire icon div clickable for better usability.

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord