Html / css / js with extra layers of responsiveness

Community feedback

• 

  Abhik•4,840

  @abhik-bPosted almost 3 years ago

  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 👍

  Marked as helpful

  1
• 

  bunee•2,020

  @buneeIsSloPosted almost 3 years ago

  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 :)

  1