Html / css / js with extra layers of responsiveness

Hello ÉMILIA 👋 Your solution is nearly perfect. Well Done !! I am sharing some of my opinions :

• Just remove the overflow-y : hidden from body so that users can scroll in mobile screens .
• I guess if you create a data.js file where you export a const which has the array in data.json then maybe you won't need jquery. For example :

const data = [
{
    "title": "Work",
    "timeframes": {
      "daily": {
        "current": 5,
        "previous": 7
      },
      "weekly": {
        "current": 32,
        "previous": 36
      },
      "monthly": {
        "current": 103,
        "previous": 128
      }
    }
  },
// ... rest of the data 
];

Please keep up this awesome work 👍

Hey! @BahAilime, You're right, you can simply import the JSON file as a module. It should look something like this.

import data from "*path of the JSON file*";

This is how I did it, Hope this helps :)