Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile firs, BEM, Flexbox,

Romanoli 265

@hickkick

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@shashilo

Posted

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
Discord logo

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