I’m trying to use a custom card I installed. It works fine when I put it in a section dashboard, except I can’t figure out how to resize it. It’s always full width even though the content is very small.
Digging in, I noticed HA is assigning the parent container --column-size:12; I want --column-size:4; and everything falls into place.
Is there a way to tell HA to render this in a 4 column div from within the yaml for this card instance?
If not, is it possible to control it from within the custom card JS? What would be the approach (if it’s even possible) to control that from the card itself? I was thinking of just getting the closest parent div with the class “card” and updating the --column-size style, but not sure that is the right approach. I’m a noob to how HA handles its front end.