Responsive bar chart component with JSON data fetching

Solution retrospective
Just updated my solution as I realized that I had mistaken the highlighted bar to be the day with the largest amount, when in fact it should be the current day (as in, in real life). I also made the component responsive even at smaller sizes instead of just having two fixed widths; this normally is not so hard to do since content tend to be filling up the container, but in this content here is smaller than the container. To make sure the container doesn't collapse, I used the responsiveness of flex-wrap
to ensure it would be at the size I need.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Amaefula-Joel
I'm really interested in knowing how you make your solution match almost identically to the design. What app do use? If it isn't an app, how do you make the perfect comparison
- @DonUggioni
Hello Elaine,
I have a question about your code, as I'm currently working on this solution, I need some help =D
${info.amount * 0.1595}em
=> how did you arrive at this value? The one you are multiplying the info amount by.Curious about how you got there!
Thank you =)
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