Skip to content
Submitted almost 3 years ago

Fylo Data Storage Component using Sass, BEM and Mobile First Design

Jaycee Altamia•330
@simplyJC
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

This is my solution for Fylo Data Storage Component. One thing that I need to learn more is the slider. I am having a hard time trying to set the background and make it gradient. Any feedback or solution specially for slider is highly appreciated. Thanks. Have a good day!

Community feedback

  • Adarsh•1,640
    @adram3l3chPosted almost 3 years ago

    I loved the slider ❤️. But in my opinion it is unnecessary in this scenario. It is used to represent how much storage the user has used, not a user selectable value. So a value changeable slider is not needed. You can set the value argument to a fixed value .

    Marked as helpful
    1
    Jaycee Altamia•330
    @simplyJCPosted almost 3 years ago

    @adram3l3ch Thank you for the feedback. I just notice that other solutions have fixed value of slider in this challenge but I did make it user selectable anyway to challenge myself. I did put some small JS code and it works. :)

    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