Hi, can someone tell why I’m having trouble with this going around in circles
type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-colums: 20% 20% 20% 20% 20%
grid-template-rows: 1fr 1fr 1fr 1fr 1fr
grid-template-area: |
"row1-1 row1-2 row1-3 row1-4 row1-5"
"row2-1 row2-2 row2-3 row2-4 row2-5"
"row3-1 row3-2 row3-3 row3-4 row3-5"
"row4-1 row4-2 row4-3 row4-4 row4-5"
"row5-1 row5-2 row5-3 row5-4 row5-5"
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.s_lamp_switch
show_state: true
name: light
icon_height: 24px
view_layout:
grid-area: row2-5
card_mod:
style: |
ha-card {
height: 100px !important;
width: 80px;
}