Layout - 2-panels with iframe full height

Configuration Frontend
1

Newbie. I have used the yaml on here as a guide: 2/3 plus 1/3 horizontal layout using layout-card

When i swap the markdown for the “iframe” card, i see that the iframes are not using 100% of the available height.

Anyone know how to force each iframe card to 100% (a config method is preferred before custom css)

thanks

image
image1072×528 10.1 KB

code:

views:
  - title: Home
    type: custom:grid-layout
    layout:
      grid-template-columns: 2fr 1fr
      grid-template-rows: auto
      grid-template-areas: |
        "left right"
    cards:
      - type: vertical-stack
        view_layout:
          grid-area: left
        cards:
          - type: iframe
            url: http://home
      - type: vertical-stack
        view_layout:
          grid-area: right
        cards:
          - type: iframe
            url: http://home
2

Potential solution is providing aspect_ratio of around 95% to the iframe

Not a ratio of 100%. Any better solutions?