Cant figure out why cards go under each other instead of to the side

Configuration
1

Hi so i have these two that collects data from the electrical company and data on all phases in the house

2020-01-16 20_10_02-Home Assistant
2020-01-16 20_10_02-Home Assistant418×1218 44.3 KB

However why doest it stack under each other (its for tablet view)

Code first card:

cards:
  - cards:
      - color_thresholds:
          - color: '#0FA300'
            value: 0
          - color: '#18FF00'
            value: 1000
          - color: '#F4F700'
            value: 3000
          - color: '#FCBD00'
            value: 4000
          - color: '#FD0000'
            value: 5000
        entities:
          - sensor.real_time_consumption_revgardsveien_25
        height: 90
        hour24: true
        hours_to_show: 12
        line_width: 3
        name: Forbruk siste 12t
        points_per_hour: 5
        show:
          extrema: true
          icon: false
          points: false
        type: 'custom:mini-graph-card'
      - cards:
          - decimals: 1
            entities:
              - sensor.tibber_amp_a1
            extrema: true
            font_size: 75
            hour24: true
            hours_to_show: 12
            icon: 'mdi:flash-auto'
            line_color: 'rgb(36, 113, 163)'
            line_width: 6
            name: Fase 1
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
          - decimals: 1
            entities:
              - sensor.tibber_amp_a2
            font_size: 75
            hour24: true
            hours_to_show: 12
            icon: 'mdi:flash-auto'
            line_color: '#e74c3c'
            line_width: 6
            name: Fase 2
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
          - decimals: 1
            entities:
              - sensor.tibber_amp_a3
            font_size: 75
            hour24: true
            hours_to_show: 12
            icon: 'mdi:flash-auto'
            line_color: var(--accent-color)
            line_width: 6
            name: Fase 3
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
        type: horizontal-stack
      - cards:
          - entities:
              - sensor.tibber_volt_v1
            font_size: 75
            hour24: true
            hours_to_show: 12
            line_color: 'rgb(165, 105, 189)'
            line_width: 6
            name: Fase 1
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
          - entities:
              - sensor.tibber_volt_v2
            font_size: 75
            hour24: true
            hours_to_show: 12
            line_color: 'rgb(26, 188, 156)'
            line_width: 6
            name: Fase 2
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
          - entities:
              - sensor.tibber_volt_v3
            font_size: 75
            hour24: true
            hours_to_show: 12
            line_color: 'rgb(205, 97, 85)'
            line_width: 6
            name: Fase 3
            show:
              extrema: true
              points: false
            type: 'custom:mini-graph-card'
        type: horizontal-stack
    layout: vertical
    type: 'custom:layout-card'
icon: 'mdi:flash'
path: power
type: vertical-stack

Code second card:

cards:
  - cards:
      - cards:
          - color_thresholds:
              - color: '#0FA300'
                value: '0.00'
              - color: '#18FF00'
                value: '0.30'
              - color: '#F4F700'
                value: '0.35'
              - color: '#FCBD00'
                value: '0.30'
              - color: '#FD9A00'
                value: '0.40'
              - color: '#FD0000'
                value: '0.50'
            decimals: 2
            entities:
              - sensor.electricity_price_revgardsveien_25
            height: 80
            hour24: true
            hours_to_show: 12
            line_width: 2
            name: Strømpris
            points_per_hour: 4
            show:
              extrema: true
              fill: fade
              icon: false
              points: false
            type: 'custom:mini-graph-card'
          - cards:
              - entities:
                  - entity: sensor.tibber_minpower
                    name: Min
                  - type: section
                  - entity: sensor.tibber_averagepower
                    name: Snitt
                  - type: section
                  - entity: sensor.tibber_maxpower
                    name: Max
                type: entities
              - entities:
                  - entity: sensor.tibber_min
                    name: Min
                  - type: section
                  - entity: sensor.tibber_avg
                    name: Snitt
                  - type: section
                  - entity: sensor.tibber_max
                    name: Max
                type: entities
            type: horizontal-stack
          - entities:
              - entity: sensor.tibber_accumulatedconsumption
                name: Forbruk i dag
              - entity: sensor.tibber_accumulatedcost
                name: Kostnad i dag
              - entity: sensor.tibber_level
                name: Prisnivå akkurat nå
              - entity: sensor.tibber_nett
                icon: 'mdi:fuse'
              - entity: sensor.tibber_estimert
              - entity: sensor.tibber_time
            type: entities
        type: vertical-stack
    layout: vertical
    type: 'custom:layout-card'
icon: 'mdi:flash'
path: power
type: vertical-stack
2

Because Lovelace automatically orders cards in columns. Once you have reached a certain height it will start to fill more columns.

You can use this to gain more control over the layout;