This is a solution to the Expenses chart component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the bar chart and hover over the individual bars to see the correct amounts for each day
- See the current day’s bar highlighted in a different colour to the other bars
- View the optimal layout for the content depending on their device’s screen size
- See hover states for all interactive elements on the page
For 1440px and below screen sizes - https://github.com/Youngtechie/Frontend-Mentor-Expenses-chart-component/blob/a5100314b32ea7a19c1e031a6cbcc425674ed18a/Screenshot%202022-06-30%20at%204.35.25%20PM.png
For 1440px and above screen sizes - https://github.com/Youngtechie/Frontend-Mentor-Expenses-chart-component/blob/a5100314b32ea7a19c1e031a6cbcc425674ed18a/Screenshot%202022-06-30%20at%204.35.39%20PM.png
- Semantic HTML5 markup
- CSS
- Flexbox
Will continue developing in the area on how to use flexbox properly.
- Frontend Mentor - [@Youngtechie] https://www.frontendmentor.io/profile/@Youngtechie
- Twitter - [@OlaegbeOlamile1] https://twitter.com/OlaegbeOlamile1