I used css flex and flex direction for chart bar
Design comparison
Solution retrospective
GitHub is not showing my chart bar cost on hover. I don`t know why this is happening . please friends help me.
Community feedback
- @Ibarra11Posted about 2 years ago
The issue with the data not showing on hover is because you are making a fetch to a url that does not exist. What is happening is that when you do fetch('/data.json'), it makes a request to "https://milandsharma.github.io/data.json" and there is no server or something to return data back to you. Also, I think fetch is not appropriate in this situation since you have the data already, instead you can just import the data and then use the data. It would look something like this inside of your script.js.
import data from "./data.json";
Marked as helpful1 - @NaleekaPosted about 2 years ago
Hi @milandsharma You have a nice solution
- You should use alt attribute in the img s, and describe it as where it navigate the user
- and you could wrap up all your divs inside a
<main>
<main> <div class="balance">... </div> <div class="spending"> ...</div> </main>
- You should make the website responsive for mobile devices using @media queries
Overall, nice work ! Hopefully this feedback helps
happy coding ❤
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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