Is the height of the card adjustable?

[WolfgrammJ]

Hello everyone,

is there a way to adjust the height of a card?
Let's say I have a room with 2 entities on the right sight, the card still takes the same height as with 4 entities.
Is it possible to set the height of the card to something like "auto" to be adaptive?

Thanks,
Jens

[warmfire540]

hey - you could override the grid pattern using the CSS overrides, and have it only be two grid rows instead of 4.

see this discussion for some examples: #142

[npstewart87]

Not sure if im doing something wrong but the card height isn't changing (Example below). Im using "Sections" and if I change the height manually using the UI "Layout option" then it makes the entities (ie. lights, etc) really small. Then if I try yaml per the below, the card height doesen't respond to the aspect ratio or grid rows, etc.

type: custom:room-summary-card
area: dining_room
styles:
card:
- aspect-ratio: 2/1
grid:
- grid-template-columns: 1fr 1fr
- grid-template-rows: 1fr 1fr 1fr 1fr

[warmfire540]

you will need to add !important sometimes to override a style. but your styles see solid

[npstewart87]

Thank You. I think I just needed to use the available styles section within the card. I was doing the styles manually at the bottom which wasn't working but it worked great through the UI. THanks!