Cardmod help

[ojm88]

hi guys

Can someone help me with how I can beat the same / integrate both cardmods in the same "card" I attach a picture of the codes.

[punxaphil]

Paste the yaml as text here please

[punxaphil]

type: custom:sonos-card
card_mod:
  style:
    sonos-player$: |
      .container {        
        grid-template-areas:
            'header header'
            'controls artwork'
            'controls _'
            'controls _'
            'controls _' !important;
        grid-template-columns: 2fr 1fr !important;
      }

[ojm88]

type: custom:sonos-card

card_mod:

  style:

    sonos-player$: |

      .container {        

        grid-template-areas:

            'header header'

            'controls artwork'

            'controls _'

            'controls _'

            'controls _' !important;

        grid-template-columns: 2fr 1fr !important;

      }

Nice.
What am I doing wrong since I can't get the album cover bigger?
This is the last thing left :-)

[punxaphil]

type: custom:sonos-card
card_mod:
  style:
    sonos-player$: |
      .container {        
        grid-template-areas:
            'header header'
            'controls artwork'
            'controls _'
            'controls _'
            'controls _' !important;
        grid-template-columns: 1fr 1fr !important;
      }
      .artwork {
        min-height: 8rem !important;
      }
    sonos-player$ sonos-player-header$: |
      .info .song {
        color: var(--primary-text-color);
        font-weight: 600;
        font-size: 25px;
      }
    .: |
      ha-card {
        --primary-color: none;
        --secondary-background-color: none;
      }

[ojm88]

type: custom:sonos-card

card_mod:

  style:

    sonos-player$: |

      .container {        

        grid-template-areas:

            'header header'

            'controls artwork'

            'controls _'

            'controls _'

            'controls _' !important;

        grid-template-columns: 1fr 1fr !important;

      }

      .artwork {

        min-height: 8rem !important;

      }

    sonos-player$ sonos-player-header$: |

      .info .song {

        color: var(--primary-text-color);

        font-weight: 600;

        font-size: 25px;

      }

    .: |

      ha-card {

        --primary-color: none;

        --secondary-background-color: none;

      }

fantastic.

Now I think the Sonos card will be perfect for IOS devices :)

[punxaphil]

👍

---

PunxaPhil