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

expenses chart component with js

Ian Rioba 450

@Rioba-Ian

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


Is there a way I could add the hover states using js and css? I kind of blanked out at that point and would use some insights. The method I've used was to add classes to the days and expenses. The challenge with this is that it becomes pretty complex to now add hover states to the bars.

data.map(item => i
// days =  item.day
// expense = item.amount
// add class to days and set width to div also created for expenses
)

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