Fylo Data Storage Component

What are you most proud of, and what would you do differently next time?

I'm proud that I learned new things doing this project such as creating shapes and more.

What challenges did you encounter, and how did you overcome them?

My biggest challenge was the progress bar. I was very confused about approaching it like whether I should go with pseudo elements and divs. At the end, I used mix of this two.

What specific areas of your project would you like help with?

There's plenty wrong with my project.

Responsivity - There are mainly two containers in this project: one for the logo and icons (which I name fylo-container), and other for the text, progress-bar, labeling and dialogue box that shows the data(storage-container). The storage-container has to be wider than the fylo-container as it is in the given design. For some unknown reasons, max-width: ; property is not working, although the width: ; property works finely. But the width: ; property doesn't make the element responsive as it is fixed width. I have checked many times and tried to figure out the problem myself so many times but to no avail. I end up being frustrated. I would really appreciate help with this.