Lay Theme Forum

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.

Hello, I was trying to make a text appear when I hover on a picture, I could achieve that by using the JS code:

<script>
jQuery(document).on("mouseenter", ".hoverme", function(event) {
jQuery(".showme").show();
});
jQuery(document).on("mouseleave", ".hoverme", function(event) {
jQuery(".showme").hide();
});
</script>

it works fine but the only problem is that the element with class .showme is visible when I load the page, then If I hover the other element and take off the mouse it disappear.
how can I make the element "showme" invisible when I first load the page?
thank you!

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!