Submitted over 1 year ago

Chart made with vinilla JavaScript and CSS flexbox

stephenlit•60

@stephenlit

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

Had some trouble with the hover on the bar, I had

.percent:hover + .total_hover {
    display: block;
}

This was not working as intended I took the + away and it worked. I believe I ended up doing the follow to make it work as well (suggestion form Colt Steele's discord)

.percent:hover {
   .total_hover {
        display: block;
    }
}

Any other suggestions will be great!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on stephenlit's solution.

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