I am not seeing any difference in the grid. It looks the same as the screenshot I posted before. I did try the code sample you provided but was not able to get it to work as I don’t have the same entity and couldn’t modify enough to make it work. I think I get what you are showing me though.
I did, however, add the aspect_ration: 2/1 that you included and something definitely happened! The date is up where I thought it should be, the temperature is where I would like it, but the detail cells are a mess. Or should I say, not performing as I had hoped.
I think what’s happening is the detail 1 cell I’m pointing to is taking up way too much space and the other two are using up the rest off the screen. What’s causing this cell to be so large? i did remove the height: 100% from all of the detail cell definitions but it did not matter.
I will try what you are suggesting with the name when I have some time. Also, my thinking on using font sizes as percentages, and frankly everything as percentages, is to try and make this layout universal and look the same on all displays. Is that the wrong way to approach this?
OK!!! This is the missing piece. I see a bit of the vertical scrollbar but I’m sure that’s due to the HA ‘top bar’ and once removed it will be exactly how it should. I thought that the min-height: 100dvh would account for that but I guess not.
I’m going to gdo a little more styling and try and add the graphic over the temperature but that should wrap this one up. I’ve learned a lot with this simple card and appreciate all the help given here and in the Discord channel.