Responsive Grid columns?

Feature Requests
1

Hi,

Does anyone know how to get the new Grid card to behave responsively on smaller screens (phones/companion app)?

I have implemented the grid card as the only card in a view that has panel mode enabled.

I initially set columns to 4, which absolutely hit the nail on the head in terms of my layout on desktop --> Thanks for this great new card guys!!

However when I went to companion app (iOs) the view now has the columns all squashed into the forced amount of columns. I then removed that line columns: 4 but then this just dropped the columns on my phone from 4 to 3 (the default)

Does anyone know if there is a way around this, like maybe cell styling or is this a new feature request?

Thanks

1 Like
2

I was able to accomplish this using the decluttering card & templating my views. I can’t speak to the companion app, I only use chrome browser on my cell for HA.

3

I built this themable-grid card because I had the exact same need. It might solve your needs as well