Repsonsive Table on Mobile - Reorder Layout
CodePen: https://codepen.io/Smgy94/pen/wvOjGyz
Happy Friday everyone!
I'm working on creating a timetable using a <table> for my page.
I'm having an issue on mobile with getting the content laid out exactly how I would like it on Mobile devices.
On Mobile view, I would essentially like to re-order the position of each classes so that they are in Order Mon - Fri, the issue is that currently they are all jumbled up.
I have created a mock-up using dev tools of the expected layout that I want to achieve.
I've watched Kevin's responsive tables video but I'm still unsure if what I would like to do is even possible.
Any advice/ recommendations / solutions on how to approach this would be greatly appreciated!
Happy Friday everyone!
I'm working on creating a timetable using a <table> for my page.
I'm having an issue on mobile with getting the content laid out exactly how I would like it on Mobile devices.
On Mobile view, I would essentially like to re-order the position of each classes so that they are in Order Mon - Fri, the issue is that currently they are all jumbled up.
I have created a mock-up using dev tools of the expected layout that I want to achieve.
I've watched Kevin's responsive tables video but I'm still unsure if what I would like to do is even possible.
Any advice/ recommendations / solutions on how to approach this would be greatly appreciated!
