Here is my iPad mini in the wall and I’m fine with scrolling up and down to see all the AC units but the gaps inbetween them seem wasteful, maybe i can get 3 across but they don’t seem to fit, even though that’s the number of columns when viewed on my laptop.
Below is what it looks like on my laptop:
This is all due to the size of the screen, given more space it will display more cards.
You can try using the new sections dashboard which will allow you more control over how stuff is displayed, how many rows, and columns, how many columns a card will cover etc.
You could also create a panel dashboard and use a grid card. Both of these will allow some control.
The way I found to display the dash correctly on a PC screen to represent a tablet was to resize the PC browser window till it was displaying the same as the tablet It takes a bit of fiddling but it works.Then create a separate dashboard for you tablet
What Dashboard Layout are you using? (Sections, Masonry, etc…)
@Arh has provide good advice. Using the @media option is another solution, but requires the use of card_mod.
Sections has this feature:
Dense section placement
Will try to fill gaps with sections that fit the gap. This may make section placement less predictable.
You can also check out Layout Card in HACs
With the “old” dashboards if you use the horizontal stack and put three in each stack then it will force three in there.
I can have three climate entities in a row on my phone like that. But it’s not pretty.
I’m using sections
Off topic, but you can install an extension in your browser to switch to specific device viewports. We use Window Resizer in chrome at work, and it works well without any messing around.
Try a traditional masonry.
