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