Skip to content
Submitted about 3 years ago

Mobile-first solution with Flexbox

tbrownlee•350
@tbrownlee
A solution to the Expenses chart component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

First time using a local JSON file, if anyone could help me solve one of the below that would be great!!

-Border-radius not working on bottom-left, bottom-right of the bars

-Tooltip box does not go above the highest bar (the blue one)

-The numbers do not have dollar signs

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Renan Tiscoski•1,240
    @DonUggioni

    Hey there,

    I tried using chart.JS for this challenge too and couldn't get the bottom border-radius to work either, that's why I went with vanilla JS.

    I know that with JS, you could use a template literal to add the dollar sign, but with this library, not sure if you can do that.

    Marked as helpful

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