How to re-scale a panel between desktop and mobile?

I saw this from Burningstone91’s setup

and I was wondering how can I set up something similar where there’s a header on the far left and then all the details in a vertical stack like that, but when opening it on a phone it stacks it so that each row in desktop view gets stacked vertically as well.

So in the given example we have
Device | Details | Services
Device | Details | Services
Device | Details | Services

I then want it to be
Device
Details
Services
Device
Details
Services
Device
Details
Services

When displayed on mobile/small display. The current idea of vertical stack with horizontal stacks will display on desktop fine, but won’t re-scale, and I don’t think you can just have a flex/fuzzy container inside a vertical row by default.

I did try and dig through his Git repo for his yaml dashboards but I got lost in all of the includes and dummy files without examples that aren’t just screenshots with no frontend code.

2 Likes