Skip to content
Submitted over 3 years ago

Fylo data storage with Flexbox, position and SASS

Gabriel Monsalve•320
@Gabrieldev-web-coder
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

Please i need your help, in this challenge i think there are better ways to do and i'm not sure that's ok.

For example:

  1. To align the point at the end in bar progress i used (text-align: -webkit-right)

  2. The containers are fixed (static units)

  3. The text space left use position to put in the end of the container, the text of GB left, use position to put at the end of the container i want to that text resize with the progress bar and with of container, but i dont get it, i don't know if that requies javascript or only i don't know it.

All other feedback is welcome! have a nice day! <3

Community feedback

  • bimalmagar•380
    @bimalmagar10Posted over 3 years ago

    Hey! You did a great job and also absolute positioning that point with respect to its container wiil be the best idea to algign it at the end.In addition,flexbox will also be good idea.I also want to say that you should always write the classes with small letters as per the convention . Happy Coding!

    0

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