Skip to content
Submitted 11 months ago

Fylo Data Storage built with SASS and Tailwind

Daniel 🛸•44,310
@danielmrz-dev
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

Hello! I'm Daniel and this is my solution for this challenge! 😊

Very interesting project. Since I decided to use input type="range" instead of an image, I struggled a little bit to get that gradient correclty. I managed to do it though. Well, I did my best with the skills I got.

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Community feedback

  • Chris•520
    @9CB5Posted 11 months ago

    As someone who has done a similar solution I understand the hardships!

    It looks very cool but be careful with browser support when it comes to input ranges. For example if you view your solution in Firefox the gradient doesn't exist and the slider thumb is not circular.

    Marked as helpful
    1
    Daniel 🛸•44,310
    @danielmrz-devPosted 11 months ago

    @9CB5

    Thank you, I just saw it on Firefox and it does not look nice 😅

    1
    Chris•520
    @9CB5Posted 11 months ago

    @danielmrz-dev Mine probably looks the same on Safari as I don't test for that horrible browser!

    0

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