Why doesnt my card show a 4th column/row?

@david1 wrote:

Trying to get ahold of these “cards” concept

resources:
  - url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js
    type: js
  - url: /local/layout-card.js
    type: module
  - url: /local/text-element.js
    type: js


views:
  - cards:
    - cards:
        - type: weather-forecast
          entity: weather.home
        - type: thermostat
          entity: climate.main_floor 
      type: vertical-stack

    - cards:
        - type: sensor
          entity: sensor.sabnzbd_status
        - type: sensor
          entity: sensor.sabnzbd_queue 

        - type: picture-elements 
          image: /local/plexbanner.jpeg
          elements:
            - type: custom:text-element
              text: "<b style='color: orange; font-size: 16px'>Total </b>"
              style: {left: 20%, top: 14%}
            - type: state-label
              entity: sensor.plex_sf_network
              style: {color: white, font-size: 16px, left: 20%, top: 26%}
              
            - type: custom:text-element
              text: "<b style='color: orange; font-size: 16px'>Direct play </b>"
              style: {left: 55%, top: 14%}                  
            - type: state-label
              # prefix: 'Direct play: '
              entity: sensor.tautulli_direct_plays
              style: {color: white, font-size: 16px, left: 55%, top: 26%}    

            - type: custom:text-element
              text: "<b style='color: orange; font-size: 16px'>Direct stream </b>"
              style: {left: 20%, top: 44%}               
            - type: state-label
              entity: sensor.tautulli_direct_streams
              style: {color: white, font-size: 16px, left: 20%, top: 56%}    

            - type: custom:text-element
              text: "<b style='color: orange; font-size: 16px'>Transcode </b>"
              style: {text-align: left,left: 55%, top: 44%}             
            - type: state-label
              entity: sensor.tautulli_count_transcode
              style: {color: white, font-size: 16px, left: 55%, top: 56%}    

            - type: custom:text-element
              text: "<b style='color: orange; font-size: 16px'>LAN bandwidth </b>"
              style: {left: 20%, top: 74%}               
            - type: state-label
              entity: sensor.tautulli_lan_bandwidth
              style: {color: white, font-size: 16px, left: 20%, top: 86%}      

            - type: custom:text-element
              text: "<b text-align: left, style='color: orange; font-size: 16px'>WAN bandwidth </b>"
              style: {left: 55%, top: 74%}             
            - type: state-label
              entity: sensor.tautulli_wan_bandwidth
              style: {color: white, font-size: 16px, left: 55%, top: 86%}
      type: vertical-stack


    - cards:
        - type: custom:upcoming-media-card
          entity: sensor.plex_recently_added
          image_style: fanart
      type: vertical-stack

    - cards:
        - type: custom:upcoming-media-card
          entity: sensor.plex_recently_added
          image_style: fanart
      type: vertical-stack

The fourth card i want to have its own column, but instead it just drops underneath my thermostat

Posts: 7

Participants: 3

Read full topic