Lovelace Card Layout - Side by Side

Hi Forum,

I’m sure this is a simple problem but can’t figure it out. I’m currently playing with RSS feeds and card layouts within Lovelace. I’ve successfully added two cards with different RSS feeds in each. Now I’m trying to get the feeds to display side by side instead of on top of each other.

I came across the Layout-card - “https://github.com/thomasloven/lovelace-layout-card” and tried to implement this but the two cards still sit on top of each other instead of side by side

Code for news

type: 'custom:layout-card'
panel: ture
layout: horizontal
cards:
  - columns:
      - field: title
        title: ''
        add_link: links
      - field: summary
        title: ''
    entity: sensor.dailynewsmsn
    row_limit: 3
    title: Daily News
    type: 'custom:list-card'
    style: |
      .title {
        font-weight: 700;
        font-size: 22px;
        line-height: 1.2;
      } 
      td:last-child {
        min-height: 100px;
        display: block;
      }
      tr {
        display: block;
      }

Code for Netflix

type: 'custom:layout-card'
panel: ture
layout: horizontal
cards:
  - columns:
      - field: title
        title: ''
        add_link: links
      - field: summary
        title: ''
    entity: sensor.netflix
    row_limit: 3
    title: Daily News
    type: 'custom:list-card'
    style: |
      .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);
      }

Any ideas on what I’ve done wrong?

Thanks, Nick

Never used layout-card, but maybe you can use https://www.home-assistant.io/lovelace/horizontal-stack

Thank you for the suggestion claha.
I’ve given this a go but the problem is still the same, the two cards still sit on top of each other instead of side by side.

I’m thinking I’ve unknowingly changed something in the Lovelace code which is causing this to occur.

I’m heading back to the web to try and solve this one

Thanks Nick