So I am trying to implement a web page(see model below) with a grid and various boxes, one for each data in the format I’ve shown below. I first tried doing this using a table, however I wasn’t getting the result I wanted. I finally settled on using grid-containers. The number of cells I have changes every time dynamically. I am rendering the data using Jinja2 in a for loop using Python and Flask, and the number of cells required varies between 40 or 60. This is for a dashboard- type page and all the cells should be in one page without scrolling down. How would I change the size and width and the number of cells per row and column to automatically to fit new data, making it all on one page?
Thank you for your help.