Dashboardas wide as iphone

Configuration Frontend
1

I am really having trouble understanding a screen which has cards all over the place. I want them to look like my iphone in one column. How do I achieve this?

This is the start of my current code for the dashboard

views:
  - title: Security
    cards:
      - type: custom:mushroom-chips-card
        chips:
          - type: back
      - states:
          - arm_home
          - arm_away
        type: alarm-panel
        entity: alarm_control_panel.alarmo
        name: Kremlin Security Alarm
      - type: custom:battery-state-card
        secondary_info: '{last_changed}'
        icon: '{state|equals(off,mdi:motion-sensor-off)|equals(on,mdi:motion-sensor)}'
        filter:
2

Try using Sections as your Dashboard type. It is designed to adjust based on device and resolution.

3

Also have a look here:

You didn’t tell us what the type of your view is, but I’m assuming it’s “masonry”. This used to be the default, but is now “sections”.

1 Like