Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Fylo data storage with Flexbox, position and SASS

@Gabrieldev-web-coder

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@bimalmagar10

Posted

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
Discord logo

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