Skip to content
Submitted 10 months ago

Responsive expenses component built with pure CSS, Flexbox, and Grid

nicholasboyce•220
@nicholasboyce
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I really pushed myself to get this as close to the design as possible! How did you handle the hover text section? I used positioning but am curious if there's any other ways to do it. I didn't implement the detection of the current day yet because I wanted it to match the design picture first.

Community feedback

Please log in to post a comment

Log in with GitHub

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