How do I adjust for second tables with smaller resolution ?

[johntdyer]

So I have a fire 10 and a fire 7. The fire 10 looks amazing , love it... but its a bit oversized for the fire 7 and I am wondering how to scale it... your jedi-fu is so strong I am not sure where to begin,... I assume I can use useragent to gate the logic, I'm just not sure where I might "compress" it to support multiple resolutions?

[matt8707]

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries

hass-config/ui-lovelace.yaml

Line 18 in b7284de

mediaquery:

[matt8707]

with that you can match device width and set a different padding

also here for grid titles

hass-config/themes.yaml

Line 128 in b7284de

@media screen and (max-width: 1200px) {

[johntdyer]

Thanks