Is it a bug in the 2024 HA release perhaps? What version are you on?
It seems like flex property is not working?
I just discovered potentially another alternative completely by accident while playing with layout-card to make a more responsive dashboard.
It results in this layout but I don’t currently use cardmod to make the mushroom template card have a transparent background:
type: custom:layout-card
layout_type: grid
square: false
cards:
- type: custom:mushroom-template-card
primary: '{{ states(''sensor.living_room_hygrometer_temperature'') }}°C'
secondary: '{{ states(''sensor.living_room_hygrometer_humidity'') }}%'
icon: ''
view_layout:
grid-area: sidebar
- type: custom:mini-graph-card
entities:
- entity: sensor.living_room_hygrometer_temperature
color: '#B694E7'
hours_to_show: 24
line_width: 4
show:
name: false
icon: false
state: false
legend: false
view_layout:
grid-area: sidebar
layout:
grid-template-areas: |
"sidebar"
I don’t know how stable this is or if this is intended behaviour (having grid areas stack on one another) but just throwing it out as an alternative to stack-in-card or another in-card. This seems to be the most simplified version of this code but it’s possible there are still redundant lines.
