How to remove gap in lovelace

Configuration Frontend
, ,
1

Hello,
How could I remove the gap between the cards ?

image

type: custom:button-card
name: |
  [[[ return states['sensor.day'].state + ", " + states['sensor.date'].state ]]]
label: |
  [[[ return states['sensor.time'].state ]]]
show_label: true
styles:

type: custom:stack-in-card
mode: horizontal
cards:
  - type: custom:mushroom-person-card
    entity: person.kuba
    fill_container: true
  - type: custom:mushroom-chips-card
    chips:

type: vertical-stack
cards:
  - type: custom:mushroom-title-card
  - square: false
    columns: 2
    type: grid
    cards:
      - type: custom:button-card
        name: Kuba

I tried card mod, padding and can’t get to make it

Thanks

2

Did you find a solution? I would like to do the same :slight_smile:

3

Check out vertical-stack-in-card via HACs

4

found a solution with card_mod…

   card_mod:
      style: |
        ha-card {
          height: 100% !important;
          border-width: 0px; 
          padding: 0px;
          border: none;
        }

border: none is key here

5

Multiple ways to accomplish your goal. Card-mod, layout-card, vertical-stack-in-card, etc…