Skip to content
Submitted over 3 years ago

Mobile First design, Vanilla CSS & HTML5

George Al Ismail•200
@maotao11
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

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

Community feedback

  • j5•2,290
    @jmnyaregaPosted over 3 years ago

    Everything looks great @maotao11, just one small issue.

    • The text above the meter should be aligned left, not centre according to the design.
    2
  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    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.🙂

    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