Resize lovelace cards

Configuration Frontend
1

Hi

I have made this cards, but I want to increase the size of the cards.
I want the Light control bar to fill the hole top, and the two images to fill half of the light control bar

Can this be done?

image
image1630×917 109 KB

My code:

square: false
type: grid
cards:
  - type: picture
    image: /local/text_s.jpg
  - square: false
    type: grid
    cards:
      - type: horizontal-stack
        cards:
          - type: picture
            image: /local/light.jpg
      - type: picture
        image: /local/strip2.jpg
      - square: false
        type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-light-card
                entity: light.cafe_b74_spots
                show_brightness_control: true
                use_light_color: true
                fill_container: false
              - type: custom:mushroom-light-card
                entity: light.cafe_b74_led_skinne_hvid_siddeomrode
                show_brightness_control: true
                use_light_color: true
              - type: custom:mushroom-light-card
                entity: light.cafe_b74_led_skinne_hvid_spilleomrode
                use_light_color: true
                show_brightness_control: true
        columns: 1
      - square: false
        type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-light-card
                entity: light.cafe_b74_led_skinne_rgb_siddeomrode
                use_light_color: true
                show_brightness_control: true
              - type: custom:mushroom-light-card
                entity: light.cafe_b74_led_skinne_rgb_spilleomrode
                show_brightness_control: true
                use_light_color: true
        columns: 1
    columns: 2
columns: 1
2

If you’re using HACS, have a look at layout-card - it gives you a lot more control over layout and you can specify column widths etc.

3

thanks

I will try it.