Issue with Defaul Home View {Solved}

I am not sure when this started but up until 101 my default home view was normal with three columns like every other view in lovelace. Then out of the blue without changes it made all the cards go into a vertical line on the view. I did not change anything in the configs for that view. It just did it on its own and not sure how to get it back, so turning the the experts here for a solution. I am attaching the home view configs below:

title: Home
views:
  - badges: []
    cards:
      - cards:
          - entities:
              - entity: person.bob
              - entity: person.susy
              - entity: person.katy
              - entity: person.sam
              - entity: person.kim
              - entity: person.eric
            title: Family
            type: glance
          - break
          - entity: weather.dark_sky
            icons: /community_plugin/weather-card/icons/
            name: Home
            type: 'custom:weather-card'
          - break
        column_num: 1
        layout: vertical
        max_width: '70%, 300px, 30%'
        type: 'custom:layout-card'
      - aspect_ratio: 100%
        type: iframe
        url: >-
          https://embed.windy.com/embed2.html?lat=36.778&lon=-78.540&zoom=11&level=surface&overlay=rain&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=true&detailLat=36.778&detailLon=-78.540&metricWind=default&metricTemp=default&radarRange=-1
      - entities:
          - binary_sensor.ring_front_door_ding
          - binary_sensor.ring_front_door_motion
          - sensor.ring_front_door_last_ding
          - sensor.ring_front_door_last_motion
        show_header_toggle: false
        title: Ring Doorbell
        type: entities
      - entities:
          - entity: light.office_floor_lamp
            icon: 'mdi:floor-lamp'
            name: Office Floor Lamp
          - entity: light.office_lamp
            icon: 'mdi:lamp'
            name: Office Lamp
          - entity: light.guest_light_1
            icon: 'mdi:lamp'
            name: Guest Room Light 1
          - entity: light.guest_light_2
            icon: 'mdi:lamp'
            name: Guest Room Light 2
          - entity: light.guest_light_3
            icon: 'mdi:lamp'
            name: Guest Room Light 3
          - entity: light.guest_light_4
            icon: 'mdi:lamp'
            name: Guest Room Light 4
          - entity: light.hall_nightlight
            icon: 'mdi:candle'
            name: Hallway Nightlight
          - entity: light.hallway_light_1
            icon: 'mdi:lightbulb-on'
          - entity: light.hallway_light_2
            icon: 'mdi:lightbulb-on'
          - entity: light.hallway_light_3
            icon: 'mdi:lightbulb-on'
          - entity: light.living_room_light_1
            icon: 'mdi:sofa'
            name: Living Room Light 1
          - entity: light.living_room_light_2
            icon: 'mdi:sofa'
            name: Living Room Light 2
          - entity: light.living_room_light_3
            icon: 'mdi:sofa'
            name: Living Room Light 3
          - entity: light.lorans_den_light_1
            icon: 'mdi:seat'
            name: Loran's Den Light 1
          - entity: light.lorans_den_light_2
            icon: 'mdi:seat'
            name: Loran's Den Light 2
          - entity: light.lorans_light_1
            icon: 'mdi:human-female'
            name: Loran's Light 1
          - entity: light.lorans_light_2
            icon: 'mdi:human-female'
            name: Loran's Light 2
          - entity: light.master_light_1
            icon: 'mdi:hotel'
            name: Master Bedroom Light 1
          - entity: light.master_light_2
            icon: 'mdi:hotel'
            name: Master Bedroom Light 2
          - entity: light.office_fan_1
          - entity: light.office_fan_2
          - entity: light.office_fan_3
        show_header_toggle: false
        title: Lights
        type: entities
      - entities:
          - entity: switch.smart_socket_1
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_socket_2
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_socket_3
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_socket_4
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_socket_5
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_strip_socket_1
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_strip_socket_2
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_strip_socket_3
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_strip_socket_4
            icon: 'mdi:power-socket-us'
          - entity: switch.smart_strip_usb
            icon: 'mdi:usb'
          - entity: switch.surgepro_socket_1
            icon: 'mdi:power-socket-us'
          - entity: switch.surgepro_socket_2
            icon: 'mdi:power-socket-us'
          - entity: switch.outside_plug_1
            icon: 'mdi:power-socket-us'
          - entity: switch.outside_plug_2
            icon: 'mdi:power-socket-us'
        title: Sockets
        type: entities
      - entities:
          - entity: switch.main_bathroom_daul_switch_1
            icon: 'mdi:lightbulb'
            name: Main Bathroom Shower Light
          - entity: switch.main_bathroom_daul_switch_2
            icon: 'mdi:fan'
            name: Main Bathroom Fan
        show_header_toggle: false
        theme: Dark - Green
        type: entities
      - entities:
          - entity: switch.front_spotlight
            icon: 'mdi:spotlight-beam'
          - entity: switch.porch_lights
            icon: 'mdi:outdoor-lamp'
          - entity: switch.garage_lights
            icon: 'mdi:outdoor-lamp'
          - entity: switch.rear_spotlights
            icon: 'mdi:spotlight-beam'
          - entity: switch.outside_plug_1
            icon: 'mdi:candle'
            name: Porch Lamp 1
          - entity: switch.outside_plug_2
            icon: 'mdi:candle'
            name: Porch Lamp 2
        show_header_toggle: false
        title: Exterior Lights
        type: entities
    icon: 'mdi:home-assistant'
    panel: false
    path: default_view
    title: Home

Please post your code properly. Point 11 in here How to help us help you - or How to ask a good question

Ah thanks I was wondering how to do that.

So much better :slight_smile:

Try a few things:

  • Get rid of browser cache, ctrl-f5

  • Set your browser to default zoom, ctrl-0

Yeah I tried that first but no joy there. Just seems to be stuck in vertical form only on home view. Strange! All other views work great. Got me why it is this way.

Well I figured it out!! It seems the first custom layout-card is dorking it all up. Not sure why since it has always worked fine up until v102 HA. Just split the card up into two separate cards and it worked. Oh well back to drawing board on that.

        column_num: 1
        layout: vertical
        max_width: '70%, 300px, 30%'
        type: 'custom:layout-card'
      - aspect_ratio: 100%