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

Flyo Data Storage Data Component Master

@Tzienom

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


Hello, everyone.

Building this design wasn't so easy as I thought it would be for me. However, I quite enjoyed the time spent on the task.

So, I've got uncertainties about some best practices:

  • How is the <progress> tag styled? I had to use divs to create mine.

  • What's the best practice for creating the "185 GB LEFT" div, along side the little triangle drop down it has?

For the "185 GB LEFT", I had to create a separate triangle and then shift it to fit under the box. Any better solution for this?

Thanks, guys.

Community feedback

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