Cards don't show up next to each other

Configuration Frontend
1

Hi there, I am trying to customize my frontend using lovelace with YAML enabled. but somehow the cards I create are showing up under each other. how can I get them next to each other?

1651×881 14.3 KB

views:
  - title: main
    icon: mdi:home-outline
    cards:
      - type: glance
        title: Lights
        show_name: true
        show_state: false
        entities:
          - light.sfeer_lamp
          - light.slaapkamer
      - type: glance
        title: Lights
        show_name: true
        show_state: false
        entities:
          - light.sfeer_lamp
          - light.slaapkamer
2

Try putting the 2 cards under horizontal-stack, that should force the cards to display side-by-side.

3

When I use horizontal-stack I get this:

1578×592 13.4 KB

Somehow they keep an fixed width.

4

Yes, that’s HA default.
You can set to set the view option, panel: true, which stretches everything in this view to full width, or even better, try lay-out card

1 Like
5

Using panel: true will stretch the first card and then ignore the rest if I understand the documentation.
But lay-out card looks very promising. Thank you very much

6

Sorry, it is the first card only, forgot about that since I use lay-out card now.
Thanks