Custom:layout-card help

Hi,

I have a view with 3 thermostat cards, A B and C.

On my phone they show in a vertical stack.

A
B
C

on my laptop they show as 2 devices on the top row, then 1 underneath:

A C
B

I wish for them to show as:

A B
C 

on my laptop screen.

The following code does not work:
https://hastebin.com/hixirigobo.css

They continue to be laid out incorrectly as described above on my laptop.
If I add “min_columns: 2” it lays out correctly on laptop, but with each card being way smaller than it is without the min_columns line. It’s also incorrect on mobile (due to min columns being 2).

Does anyone have idea why the code on hastebin doesn’t work?

Thank you,

James