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

Martina 140

@MartinaPG

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


The progress bar webkit is not displayed. If you browse the link for the site, everything is nicely displayed there.

Community feedback

Web Frog 1,840

@MasterDev333

Posted

Great Solution @Martina. It would be great if you focus more on responsive for later solutions. In the real world, we should make everything pixel perfect and fully responsive. Also adding some hover effects and animations can improve user experience. Hope it helps. Happy coding ~ :)

0

@axevldk

Posted

Hi, Martina ~ I have studied your work, and it's a great work ~ Here are some of my opinions on your work.

  1. Responsiveness is not good as desktop version. Under 600px, mobile view goes weird. I think adding max-width: 100%; width: 100%; to .right element under 600px would help this.

  2. Some hover effects on buttons of the control box can make your work more brilliant.

Hope my words can help you even a bit. 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