Advice on fixing card height

Configuration Frontend
1

Hello
I’m trying to get this red flashing card to be the same height as everything else.
I have tried height 200% and grid-template-rows: 4fr , but no luck. It’s always skinny. Thanks in advance for your help :slight_smile:

1000049861
10000498611440×757 118 KB

type: conditional
conditions:

  • condition: and
    conditions:
    • condition: state
      entity: sensor.avocado_jigglypuff_cat_car_state
      state_not: charging
    • condition: state
      entity: binary_sensor.low_battery
      state: “on”
      card:
      type: custom:button-card
      entity: binary_sensor.low_battery
      state:
    • color: red
      icon: mdi:battery
      styles:
      card:
      - animation: blink 2s ease infinite
      - height: 100%
      value: “on”
      color: auto
      color_type: card
      name: Low Charge & Not Plugged In
      styles:
      card:
      • height: 100%
        grid:
      • grid-template-rows: 2fr
        layout_options:
        grid_columns: 2
2

Put your code between two sets of triple back quotes please.

Or use the Preformatted text selection from the settings icon.
image

3

Is it a custom button-card inside a section?
It is not adapted out-of-box to sections.
Use card-mod: go to the main card-mod thread - 1st post - link at the bottom titled “fantastic” - custom button card - use in sections

4

Thank you! Got it working with card mod on a mushroom entity card now.