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

P

@jacksonwhiting

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


I had trouble dynamically changing the height of the bars on the chart. The only way that worked was to add an inline style to change the height dynamically based on the JSON data. I usually avoid inline styles if at all possible. If anyone can take a look and has other ideas on how to change the height, please let me know. My solution works, just not ideal in my mind.

Community feedback

theCavyDev 510

@okeke-ugochukwu

Posted

@jacksonwhiting

Considering real world use case, as long as it's a dynamic chart, your approach is ideal.

Marked as helpful

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