The Vertical Stack card allows you to group multiple cards so they always sit in the same column.
To add the Vertical Stack card to your user interface, click the Lovelace menu (three dots at the top right of the screen) and then Edit Dashboard. Click the “Add Card” button in the bottom right corner and select Vertical Stack from the card picker. All options for this card can be configured via the user interface.
Alternatively, the card can be configured using YAML:
type: vertical-stack title: Backyard cards: - type: picture-entity entity: camera.demo_camera show_info: false - type: entities entities: - binary_sensor.movement_backyard
Picture and entities-card in a stack.
Combination of vertical and horizontal stack card:
type: vertical-stack cards: - type: picture-entity entity: group.all_lights image: /local/house.png - type: horizontal-stack cards: - type: picture-entity entity: light.ceiling_lights image: /local/bed_1.png - type: picture-entity entity: light.bed_light image: /local/bed_2.png
Create a grid layout using vertical and horizontal stack.