In my responsive two column layout, I want items to have their own height, I don’t want them to share the same height of the items next to them. I’m using Tailwind, JavaScript & React. gridAutoFlow: "column dense" in my Grid component isn’t working, & I don’t understand why?

I’m attempting to render a work timetable table with pagination. Each page should display a maximum of 8 columns. Currently, the table renders correctly for all pages when the number of remaining days in the month is greater than eight. However, when the app reaches the last week of the month, instead of displaying 8 columns, it renders one long vertical column containing all the data.