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

Responsive expenses chart component using Chart.js, BEM

@ereljapco

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was the first time I used Chart.js, and I will definitely appreciate any suggestions on code improvement, especially with the responsive font-size of the labels. It doesn't seem to work sometimes.

And please let me know how to improve the accessibility. I always try to look for answers regarding accessibility, but it always seems to me that I haven't figured out everything yet.

Thank you so much! :)

Community feedback

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