Used my grid knowledge to complete the challenge

Hi Brannon, I'm looking at your code in the inspector and also your repo; I see that in the script, you have index.js in the src, but in your repo, I can't seem to find index.js, and your JS file seems to be named index - Copy.js.

In your JS file, I see a few things in the fetch method that you might be able to change:

1. Instead of fetch("/data.json"), try fetch("./data.json") instead, since just using the slash would point you to the root directory.

2. I'm not sure whether you got your code to work, but I see that in your JS, you have const articles = document.querySelector("article"), which technically only gets the first article element, not all the article elements! To get all the article elements, try using document.querySelectorAll("article").

3. In the HTML, I'm see that you have used section elements, and within each section, you have article. This could be quite confusing for the screen reader (actually I'm confused too); I suggest that if you do need to use one of these, then I'd choose article. About using article or section, this very long but informative CSS-tricks article might interest you.

4. In the promise you get with .then(), I see that after getting the promise, you have a .catch() instead (which normally is used for catching errors), and then after that, you have a .then() where you use the data. Try putting the .catch() at the end of that block instead.

Anyway, hope you can get the JSON bit sorted, and if you're interested, here's the JS file for my solution: https://github.com/elaineleung/frontendmentor/blob/main/timetrackingdashboard/index.js

Good luck, and let me know how else to help if you're still stuck.