Able to add rows for entities in picture card?

Configuration Frontend
4

hi, i tried using your code but it doesnt seem like it wants to have double row. can i know what im doing wrong?

This image is before.

image

This image is after

image

camera_view: auto
fit_mode: cover
type: picture-glance
title: MBR
entities:
  - entity: climate.mbr_ac
    show_state: true
    icon: mdi:air-conditioner
  - entity: script.close_mbr_curtain
    show_state: true
    icon: mdi:curtains-closed
  - entity: script.open_curtain
    show_state: true
    icon: mdi:curtains
  - entity: light.yeelink_sg_proxy_70040670016_2_1993170_yct01_s_2
    show_state: true
    icon: mdi:led-strip-variant
  - entity: light.yeelink_sg_proxy_70040670016_2_1993172_yct01_s_2
    show_state: true
    icon: mdi:file-cabinet
  - entity: fan.mbr_fan_light
    icon: mdi:fan
    show_state: true
  - entity: light.mbr_fan_light
    show_state: true
  - entity: binary_sensor.mbr_sensor_presence
    show_state: true
    icon: mdi:human-capacity-increase
  - entity: sensor.wi_fi_universal_remote_temperature
    show_state: true
image:
  media_content_id: media-source://image_upload/facc68a597d072a4668ac1767e94a599
  media_content_type: image/jpeg
  metadata:
    title: IMG_1849.jpeg
    thumbnail: /api/image/serve/facc68a597d072a4668ac1767e94a599/256x256
    media_class: image
    children_media_class: null
    navigateIds:
      - {}
      - media_content_type: app
        media_content_id: media-source://image_upload
card_mod:
      style: |
        .box div:nth-child(1) {
          display: grid !important;
          grid-template-columns: repeat(4,1fr);
        }
1 Like