compatibility with css grids

[beshepappà]

Hello, I was trying to include a piece of Html code to my page where I used some CSS grids but I noticed that when I wrote the CSS custom code I got an error message saying that it was an unkonwn operator.
Are CSS grids supported with this theme?
Why do I get that error?
Thank you so much!

[mariusjopen]

Dear @beshepappà
can you provide an example?

Best!

Marius

[beshepappà]

using the html, tool in the gridder I added this piece of code:

<div class="container">
<div class="box image">
<a href="some url"><img src="some pic"></a>
</div>
<div class="box description"><p>Some text</p></div>
</div>

then in the custom CSS section I added this code:

.contenitore{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-gap: 1em;
grid-auto-rows: minmax(100px, auto);
}
.box{
align-self: center;
justify-self: start;
}
.description{
font-size: 50px;
grid-column: 1/3;
z-index: 1;
padding: 1em;
text-align: center;
vertical-align: middle;
grid-row:1/1;
display: none;
}
.image{
grid-column: 2/3;
grid-row:1/1;

but I got an error here "grid-template-columns: 1fr 1fr 1fr;"
and warnings for the other lines saying "unknown property grid template rows" etc.

[mariusjopen]

Dear @beshepappà
can you rewrite the code that you do not use this?
grid-template-columns: 1fr 1fr 1fr;

Best!

Marius