Way to line up opposing footers

[smugleafdev]

This is a common occurence:

I would like a way to line these up perfectly.

Alternatively, being able to override HA's default card width would allow this just by having an extra wide view using "-contained" borders, and filling the two columns via horizontal stacks.

[th3jesta]

Though I have not tried this myself, I know a few folks in the community have used https://github.com/thomasloven/lovelace-layout-card to resolve this and similar issues.

[smugleafdev]

That does work! Using the new Masonry (layout-card) and adding width: 800 into the text box does allow me to have one very wide LCARS themed card. Unfortunately for me, the cards I wanted to use are custom HACS cards that have problems like those in issue 48, like so:

Seems any custom HACS card gets funky.

[smugleafdev]

Alternatively, I was able to tweak it slightly to bump the height of the shorter footer:

    card_mod:
      class: footer
      style: |
        ha-card {
          font-size: 1.17em
        }

It lines up differently between devices (still a pixel off on desktop), but that's fine as I only cared about how it looks on my tablet.