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

HTML5 and CSS3 with BEM

Felipe OG 730

@felipeog

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


Any feedback is appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Great job, again, Felipe Oliveira! 👍

Your solution looks good and responds well! 🙌

Just take a quick look at your solution report and don't forget to include a heading in each section element that you use! 😉

Keep coding (and happy coding, too)! 😁

0

Felipe OG 730

@felipeog

Posted

Hello, @ApplePieGiraffe!

Good catch on the report. Would you recommend adding the heading and making it hidden? I saw that approach on other solutions.

Thanks for the feedback!

0
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@felipeog

Yup—I think it's kind of popular to make certain elements screen-reader only so that they don't show up on the page but are still present for screen readers for accessibility purposes. Doing that will help clear your solution report, too, so it's a good idea, I think!

😊

0

@doums85

Posted

Hi Felipe! 👋

Very nice work

Keep coding 👍

0

Felipe OG 730

@felipeog

Posted

Hello, @doums85!

Thanks for taking a look.

Happy coding!

0
Arturo Simon 1,785

@artimys

Posted

Hi Felipe, another nice one 👍

Just two things. Make the storage bar a little thicker and the text "GB LEFT" should be bold and vertically centered.

Keep on coding!!

0

Felipe OG 730

@felipeog

Posted

Hello, @artimys!

Good catch on the details, I will fix them soon.

Thanks again for taking the time to take a look!

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