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

Data Storage Component Master

Gloryjaw 300

@Gloryjaw

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


Added a little animation 😬. All feed-backs are welcome.

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello, Gloryjaw! 👋

Good work on this challenge! 👍 The animation you added to the progress bar in your solution is a nice touch! 🙌

One thing I'd like to suggest is to use more semantic HTML elements in your markup, which is important for accessibility and SEO-related reasons. For instance, the elements that are options in the box to the left of the page should be button elements, and some of the text elements could be p elements (such as the element that is currently a h1 tag, since that element isn't really a heading). If you’d like to learn more about how to write semantic HTML and why it matters, check out this short, helpful course.

Hope you find this helpful. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

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