I have a lovelace dashboard in two columns that fits perfectly on an older iPad 9 screen (2160x1620). When I load the same dashboard on an iPad Pro 11" (2388x1668) or an iPad Pro 12.9" ( 2732x2048) there are black bars at the sides.
Is there a way I can make my two columns auto-zoom and adjust to the screen resolution?
That’s the only way i can think of spreading the view across the screen horizontally, as the page I think renders in ratio to the resolution. This is why your higher-resolution iPad has spaces on the side, just like browsing on high res pc screen
Maybe some one else knows of a hacs plugin you can use
Ok I found a working solution thanks to your suggestion: using Grid-Layout Card setting and creating a horizontal stack with two vertical stacks inside. That does the trick, although resizing in a regular browser only resizes vertically the second column not the first one. I have no idea why. Thanks!