Skip to content
Submitted about 4 years ago

Mobile First design, Vanilla CSS & HTML5

George Al Ismail•200
@maotao11
A solution to the Fylo data storage component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am pretty proud with what i made on this challenge (except that it needed to be a little bit higher on the screen), but if you find something i could have done better, please leave a comment!

P.S. Added a cool little animation on the progress bar for fun :P

Code

Please log in to post a comment

Log in

Community feedback

  • P
    j5•2,270
    @jmnyarega

    Everything looks great @maotao11, just one small issue.

    • The text above the meter should be aligned left, not centre according to the design.
  • Faris P•2,810
    @FarisPalayi

    Looks great👍 the page is responding well to different screen sizes.

    But, on my laptop, everything is in the bottom of the page rather than in the middle of the page. I think you could've made everything in center by using flexbox or grid and by setting the body 100vh min-height.🙂

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