Hello friends I have a problem that I cannot solve. I thought I understood how it works but I’m not doing something right.
Assemble a grid of 4 rows and 5 columns. In the first image it looks like what is in the second row occupies a column and a half. And in the second image you can see how just by changing something of the place everything is stacked in a corner. They can guide me or explain what the error is. As always, thank you very much for the help you always give me.
views:
- type: custom:grid-layout
path: 0
layout:
#default
grid-gap: var(--custom-layout-card-padding)
grid-template-columns: 0fr repeat(3, 1fr) 0fr
grid-template-rows: 0fr 1fr 1fr 1fr
grid-template-areas: |
". . . . ."
". temperatura_plantado temperatura_cuarentena acuario ."
". climatizacion climatizacion climatizacion ."
". . . . ."
views:
- type: custom:grid-layout
path: 0
layout:
#default
grid-gap: var(--custom-layout-card-padding)
grid-template-columns: 0fr repeat(3, 1fr) 0fr
grid-template-rows: 0fr 1fr 1fr 1fr
grid-template-areas: |
". . . . ."
". temperatura_plantado temperatura_cuarentena acuario ."
". acuario climatizacion climatizacion ."
". . . . ."
