Can multiple different entities be shown on one card seamlessly?

Im guessing that this has been asked many times before but for the life of me I cant figure it out!!!

I have been trying to work out how to display multiple different entities so that they look like they all exist on one card seamlessly.

This is what I have right now:
card

and here is the code:

 - type: vertical-stack
        cards:
          - type: markdown
            content: >
              ## Garage
          - type: horizontal-stack
            cards:
              - type: custom:mini-graph-card
                cards:
                entities:
                  - sensor.lpmultisensor_5_1
                line_color: blue
                line_width: 8
                font_size: 75
                show:
                  extrema: true
              - type: custom:mini-graph-card
                entities:
                  - sensor.lpmultisensor_5_2
                line_color: '#e74c3c'
                line_width: 8
                font_size: 75
                show:
                  extrema: true
              - type: custom:mini-graph-card
                entities:
                  - sensor.lpmultisensor_5_3
                line_color: var(--accent-color)
                line_width: 8
                font_size: 75
                show:
                  extrema: true
          - type: glance
            show_header_toggle: false
            entities:        
              - sensor.lpmultisensor_5_4
              - sensor.lpmultisensor_5_5 

What I am trying to do is achieve the following mock up - is this possible?

card2

Um… I think you accidentally used the same photo twice…
Unless I am missing the difference… :slight_smile:

silvrr - hours of staring and searching all sorted in 5 minutes - big thanks :smiley:

I now have everything on one card is there a way of setting ‘padding’ between the elements?

edit: figured it out looks like I had config problem

Show us a final screen-shot please :wink:

2 Likes