CSS Flex and jQuery

Hi Udeh, the JSON file can be used in your JS file with fetch, like this:

fetch("./data.json")  // fetches data from the file
.then(response => {
   return response.json(); // a promise is returned
})
.then(data => {
  console.log(data) // you can use console.log the data to see what it is first
})

Here is an example of how I used JSON in this challenge:

fetch("./data.json")
.then(response => {
   return response.json();
})
.then(data => {
  data.map( info => {

    const barDiv = document.createElement("div")   // I created a colored bar in the chart
    barDiv.classList.add('bars__day-bar')   // added a class for styling the bar 
    barDiv.style.height = `${info.amount * 0.1595}em`  // used the JSON info to determine height

    dayDiv.appendChild(barDiv)   // append this barDiv to the individual dayDiv in my chart

  })
});

You can have a look at the rest of my code here: https://github.com/elaineleung/frontendmentor/blob/main/expenseschartcomponent/index.js

Hope this helps!