Style the grid layout card

Configuration Frontend
1

Hi, I am designing my frontend with the grid layout card. In my Tab configuration I specified the columns and rows. Now I wan’t to style them a bit. Give some columns a background and border. Is this possible? I could not find anyone explaining this and trying it myself did not work either.


grid-template-columns: 30% auto 30%
grid-template-rows: auto
grid-template-areas: |
  "h1 h1 h1"
  "s1 c1 c1"
  "s2 c2 c2"
  ". p1 ."
  "footer footer footer"

greetings

2

I’m afraid styling is limited to content placement. If you want to have some fancy visual styling per cell, perhaps you should either style cards within cells (not every card support it), or put a picture element card as primary card in each cell and add other elements over it (which also might be tricky).

3

Thanks. Ik just wanted to create a different background to the side. Like a sidebar and fill it with mushroom cards. But I guess that is a bit hard to do.