Single Vertical Stack, Centered, 60% width

Configuration Frontend
1

Is there really no way to just get a single vertical stack in the center of the screen with a specified width? I can put a single vertical stack on a Masonry layout but I can’t figure out how to control the width. What I do is a grid layout card with 20% 60% and put a dummy vertical stack in the first column, but REALLY? THIS is what I have to do?

On a related note, I finally figured out how to make some dashboards responsive so that they display well on both my Mac and my iPhone. This is the magic:

 - type: custom:layout-card
   layout_type: custom:grid-layout
   layout:
     grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))
2

Try the new sections view type. It is possible with that.

3

I’ve been playing around with sections but I can’t figure out how they work. I want a single 80% width column, centered, on a Mac but 100% on mobile devices. What works is a grid layout card with a vertical stack “filler” for the left 10% and then a vertical stack for the center. This works but it puts all of my cards inside a vertical stack which makes them harder to edit, because now they’re nested inside a single card.