Skip to content
Submitted almost 5 years ago

Fylo Storage: HTML, Sass (responsive mixins). Extra: JavaScript

James•510
@Auddity
A solution to the Fylo data storage component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The challenge didn't ask for JavaScript, but since I'm trying to learn JS, I challenged myself to add some functionality.

Click on any icon to make the data values and usage bar change.

Resolved:

  • Counter overflow fixed
  • Usage bar doesn't dip below 0% width
  • Space used box remains fixed at end of status bar on various widths of larger screens

Feedback or suggestions are appreciated.

Thank you,

  • J
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on James's solution.

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