Raum Karte - Button Card

Hey Zusammen,

leider komme ich irgendwie nicht weiter, oder ich stelle mich einfach zu blöd an.

Ich möchte das unter meinem Raum noch die Temperatur bzw. die jeweilige Luftfeuchtigkeit des Raums steht. Des weiteren hätte ich noch gerne zwei bis drei Entitäten mehr dargestellt, nur auf Mobile verschiebt es mir immer die Symbole.
Wisst ihr da vielleicht weiter?

hier der Code:

type: custom:button-card
card_mod:
  style: |
    ha-card {
      background-color: rgba(255, 255, 255, 1);
      box-shadow: 1px 1px 8px #e1e0dd;
      border: 1px;
      }
name: Wohnzimmer
icon: mdi:sofa
aspect_ratio: 1/1
custom_fields:
  buttons:
    card:
      type: vertical-stack
      cards:
        - type: custom:button-card
          show_name: false
          entity: media_player.lg_webos_tv_uk6950plb
          state:
            - value: "on"
              color: green
              icon: mdi:television
            - operator: default
              color: grey
              icon: mdi:television-off
          styles:
            card:
              - position: absolute
              - bottom: 5rem
              - right: 0.5rem
              - width: 3rem
              - height: 3rem
              - border-radius: 50%
        - type: custom:button-card
          show_name: false
          entity: light.smart_wi_fi_lighting
          state:
            - value: "on"
              color: green
              icon: mdi:led-strip-variant
            - operator: default
              color: grey
              icon: mdi:led-strip-variant-off
          tap_action:
            action: toggle
          hold_action:
            action: more-info
          styles:
            card:
              - position: absolute
              - bottom: 2.5rem
              - right: 0.5rem
              - width: 3rem
              - height: 3rem
              - border-radius: 50%
        - type: custom:button-card
          icon: null
          show_name: false
          styles:
            card:
              - position: absolute
              - bottom: 0rem
              - right: 0.5rem
              - width: 3rem
              - height: 3rem
              - border-radius: 50%
styles:
  img_cell:
    - justify-content: start
    - position: absolute
    - width: 150px
    - height: 150px
    - margin: 0 0 -18px -18px
    - left: 0
    - bottom: 0
    - background: rgba(191, 191, 191,0.2)
    - opacity: "0.6"
    - border-radius: 300px
  icon:
    - width: 100px
    - height: 100px
    - position: absolute
    - left: 24px
    - bottom: 1.5rem
    - color: rgb(191,191,191, 1)
  name:
    - position: absolute
    - top: 1rem
    - left: 1rem
    - font-weight: bold
    - color: grey
  card:
    - height: 180px
tap_action:
  haptic: medium
  action: navigate
  navigation_path: /dashboard-mobile/wohnzimmer

Vielen Dank im Voraus.

Beschäftige dich bei Interesse mit Grid Layout
Es gibt auch Online-Generatoren.

Alternativ könntest du die originale Minimalist Room Card benutzen (ohne Gewähr, ich kenne sie nur dem Namen nach und weiß nicht, wie sie sich auf Mobiltelefonen verhält).

Mit einem zusätzlichen Label in der custom:button-card kannst Du doch über ein Template beliebige Entitäten anzeigen. Oder verstehe ich Dich falsch?