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

adding simple hover effect on icons and add a missing background

Seth 310

@AbdoX9

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

P
Rita 305

@MargaritaBusyginaCa

Posted

Looks good! I think you might want to check the width/max-width of the containers as they are a little wider than the original. Also, the progress bar looks very nice, but you might want to add a border to it. I checked your code and noticed that you have a file called "Normaliz.css", could you please tell me what you used it for, I am just genuinely interested cause I've never seen anything like this before.

0

Seth 310

@AbdoX9

Posted

@MargaritaBusyginaCa Thank you for letting me know, i have a border on the bar but i think its width is so small, i will increase it and about normalize file, it is just for makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

1

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