Skip to content
Submitted almost 4 years ago

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

James•510
@Auddity
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

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

Community feedback

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