I’ve finished the FCC Heatmap challenge (https://www.freecodecamp.org/challenges/visualize-data-with-a-heat-map) just yesterday.
I was actually kind of happy with the work I put on my version of the heatmap, found here: https://s.codepen.io/qwirkyrabbit/debug/XqmPgo/bZAQWyXqGEBM
However, I’ve tried checking on mobile devices and came up disappointed (iphone 8 for example). The x-axis was not showing the ticks or tick labels and the datapoints for the heatmap is limited to the leftmost part of the y-axis (not showing anything over the other year spans). Also, it’s not showing for previews on the codepen profile page in mobile as well.
I’ve tried some fixes I’ve found online like adding tags with utf, testing it on debug mode in codepen.io and removing unnecessary lines in the program to no avail. Has anyone experienced this issue on mobile and if so, how was it solved?