The Grid card allows you to show multiple cards in a grid. It will first fill the columns, automatically adding new rows as needed.
Screenshot of the Grid card.
To add the Grid 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 Grid Card from the card picker.
Alternatively, the card can be configured using YAML:
type: grid cards: - type: picture-entity entity: camera.demo_camera show_info: false - type: entities entities: - binary_sensor.movement_backyard
Defining columns and disabling the square option:
type: grid title: Backyard columns: 2 square: false 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