LoveLace horizontal-stack

Hi all, does anybody know how I would line this up and add titles to the above groups but keep them on the same page? The first group is people at home and the second group is guests. I can’t seem to figure it out the first set is perfect but the second set is very small. I would like the guest group to show up under the first group and separated. unless you have a better idea on how I can make it look better,

title: Home
views:
  - title: Header
    icon: mdi:home
    panel: true
    cards:
    - type: horizontal-stack

      cards:

        - type: picture-entity
          entity: binary_sensor.corey_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/corey.png
          state_image:
            'on': /local/icons/corey.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)
        - type: picture-entity
          entity: binary_sensor.wendy_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/wendy.png
          state_image:
            'on': /local/icons/wendy.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)
        - type: picture-entity
          entity: binary_sensor.cameron_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/cameron.png
          state_image:
            'on': /local/icons/cameron.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)
        - type: picture-entity
          entity: binary_sensor.morgan_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/morgan.png
          state_image:
            'on': /local/icons/morgan.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)
        - type: picture-entity
          entity: binary_sensor.courtney_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/courtney.png
          state_image:
            'on': /local/icons/courtney.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)
        - type: picture-entity
          entity: binary_sensor.mom_home
          show_name: false
          show_state: false
          tap_action: toggle
          image: /local/icons/mom.png
          state_image:
            'on': /local/icons/mom.png
          state_filter:
            'on': drop-shadow(-5px 0 10px gold)
            'off': brightness(80%) saturate(0.8)

        - type: horizontal-stack
          cards:

            - type: picture-entity
              entity: binary_sensor.jasmine_home
              show_name: false
              show_state: false
              tap_action: toggle
              image: /local/icons/jasmine.png
              state_image:
                'on': /local/icons/jasmine.png
              state_filter:
                'on': drop-shadow(-5px 0 10px gold)
                'off': brightness(80%) saturate(0.8)
            - type: picture-entity
              entity: binary_sensor.brandon_home
              show_name: false
              show_state: false
              tap_action: toggle
              image: /local/icons/brandon.png
              state_image:
                'on': /local/icons/brandon.png
              state_filter:
                'on': drop-shadow(-5px 0 10px gold)
                'off': brightness(80%) saturate(0.8)
            - type: picture-entity
              entity: binary_sensor.andy_home
              show_name: false
              show_state: false
              tap_action: toggle
              image: /local/icons/andy.png
              state_image:
                'on': /local/icons/andy.png
              state_filter:
                'on': drop-shadow(-5px 0 10px gold)
                'off': brightness(80%) saturate(0.8)
            - type: picture-entity
              entity: binary_sensor.nicole_home
              show_name: false
              show_state: false
              tap_action: toggle
              image: /local/icons/nicole.jpg
              state_image:
                'on': /local/icons/nicole.jpg
              state_filter:
                'on': drop-shadow(-5px 0 10px gold)
                'off': brightness(80%) saturate(0.8)

Try:

panel: true
cards:
- type: vertical-stack
  cards:
 
  - type: picture-element
    image: some.png
    elements:
    - type: state-label #for title1

  - type: horizontal-stack
    cards:
      - type: picture-entity
        . . .
      - type: picture-entity
        . . .

  - type: picture-element
    image: some.png
    elements:
    - type: state-label #for title2

  - type: horizontal-stack
    cards:
      - type: picture-entity
        . . .
    - type: picture-entity
        . . .
1 Like