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

HTML/SASS//JQUERY

Sylvain 50

@sylverdrag

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@Amaefula-Joel

Posted

Good work with this. But I noticed a few things in this site. The bar in the middle is the one who have the different background color. The font size is smaller in the desktop view so you can try making it a little bigger. And the chart is causing the horizontal scrollbar to appear on the mobile view, so try to adjust the size of the bars to make room. Other than this I think your work is fine

0

Sylvain 50

@sylverdrag

Posted

@Amaefula-Joel Thanks for the feedback.

For the bar with the different background color, it's the bar that matches today, so there is a bit of javascript that changes the background depend on the day of the week you look at the website (it's in the specs).

Good point on the mobile view, I didn't notice.

0

@Amaefula-Joel

Posted

@sylverdrag wow, didn't notice that the bar colors was changing. Great work

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