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 Component Solution HTML, CSS, Bootstrap 5

Kristine 310

@sn-tin

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


Comments and suggestions are welcome and appreciated. Thank you.

Community feedback

Vanza Setia 27,835

@vanzasetia

Posted

👋Hi Kristine! My name is Vanza!

I have some feedbacks that may improve this solution.

  • For the usage-left, I recommend using absolute unit like rem, because the % unit is relative to the width of the page, that eventually cause a weird position (try to see it on 900px screen size).
  • Also if don't want the usage-left width get too big on bigger screen, I recommend to use rem unit or add max-width.

That's it! Hopefully those feedbacks are useful for you!

😉Happy Coding!

0
Obafemi 0

@Obafemi-NG

Posted

on previewing the website, the dialog box showing the data left covers some text, you might just need to reduce the size or reposition it again.

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