Card Layout for RSS Feed

Configuration
1

Hi All,

I’ve been playing around with this for a couple of days and can’t work out what I’m doing wrong

Screenshot 2021-02-13 104021
Screenshot 2021-02-13 104021670×683 157 KB

I think I’m trying to achieve something which is not possible or I’m trying to add an RSS feed in the wrong way. Either way I’m stuck and need some guidance. I’ve tried playing with grid cards and vertical stack cards but it seems the width will not adjust correctly

Any thoughts or comments?

type: vertical-stack
title: NetFlix
columns: 1
square: false
cards:
  - type: 'custom:list-card'
    columns:
      - add_link: link
        field: title
        title: ''
      - field: summary
        title: ''
    entity: sensor.netflix
    square: false
    feed_attribute: entries
    row_limit: 10
    style: |
      ha-card {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
         }    
      .title {
        font-weight: 700;
        font-size: 22px;
        line-height: 1.2;
      } 
      td:last-child {
        min-height: 100px;
        display: block;
      }
      tr {
        display: block;
      }
      img {
      float: left;
      height: 200px;
      margin-left: 10px;
      margin-right: 15px;
      margin-top: 10px;
      margin-bottom: 15px;
      box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
      }
  - type: 'custom:list-card'
    columns:
      - add_link: link
        field: title
        title: ''
      - field: summary
        title: ''
    entity: sensor.netflix
    square: false
    feed_attribute: entries
    row_limit: 10
    style: |
      ha-card {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
         }    
      .title {
        font-weight: 700;
        font-size: 22px;
        line-height: 1.2;
      } 
      td:last-child {
        min-height: 100px;
        display: block;
      }
      tr {
        display: block;
      }
      img {
      float: left;
      height: 200px;
      margin-left: 10px;
      margin-right: 15px;
      margin-top: 10px;
      margin-bottom: 15px;
      box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
      }

Thanks in advance

2

Okay after a few more hours I’ve come up with this for those interested. Might not look the best but it will do what I’m after

Screenshot 2021-02-13 162621
Screenshot 2021-02-13 162621715×852 171 KB

type: 'custom:layout-card'
layout: grid
gridrows: auto
gridcols: 85% 77%
gridgap: 0px
gridplace: stretch
cards:
  - type: grid
    cards:
      - type: 'custom:layout-card'
        layout: grid
        cards:
          - type: 'custom:list-card'
            columns:
              - add_link: link
                field: title
                title: ''
              - field: summary
                title: ''
            entity: sensor.netflix
            feed_attribute: entries
            row_limit: 12
            style: |
              ha-card {
                max-width: 410px;
                margin-left: auto;
                margin-right: auto;
                border-radius: 15px;
                 } 
              .title {
                font-weight: 700;
                font-size: 22px;
                line-height: 1.2;
                } 
              td:last-child {
                min-height: 10px;
                display: block;
                }
              tr {
                display: block;
                }
              img {
               float: left;
               height: 200px;
               margin-left: 10px;
               margin-right: 15px;
               margin-top: 10px;
               margin-bottom: 15px;
               box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
               }
  - type: grid
    cards:
      - type: 'custom:layout-card'
        column_width: 100%
        layout: grid
        cards:
          - type: 'custom:list-card'
            title: Daily News
            columns:
              - add_link: link
                field: title
                title: ''
              - field: summary
                title: ''
            entity: sensor.dailynewsmsn
            feed_attribute: entries
            row_limit: 16
            style: |
              ha-card {
                max-width: 125px;
                margin-left: auto;
                margin-right: auto;
                border-radius: 15px;
              }    
              .title {
                font-weight: 700;
                font-size: 22px;
                line-height: 1.2;
              } 
              td:last-child {
                min-height: 0px;
                display: block;
              }
              tr {
                display: block;
              }
              img {
                float: left;
                height: 150px;
                margin-left: 10px;
                margin-right: 15px;
                margin-top: 10px;
                margin-bottom: 15px;
                box-shadow: '5px 5px 5px 0px rgba(0,0,0,0.5); 
                }