I'm trying to create a bootstrap based timetable, and I want it to be responsive across devices but it's a little harder than I though.
On larger devices, the layout should be the following with 3 parallel sessions, but the hour slots align with each other across columns:
This will differ from the mobile view where the columns sit below each other and the horizontal alignment is ignored:
I did try to use a table in each column but quickly realise that idea was flawed. Various other attempts to make the columns the same height have also failed.
The bigger problem is that the content for each cell can vary, massively.