gr

as in the tutorial i added additionalCSS :

/* Grid style */
.display-posts-listing.grid {
display: grid;
grid-gap: 16px;
}

.display-posts-listing.grid .title {
display: block;
}

.display-posts-listing.grid img {
display: block;
max-width: 100%;
height: auto;
}

@media (min-width: 600px) {
.display-posts-listing.grid {
grid-template-columns: repeat( 2, 2 );
}
}

and on a text widget

[display-posts include_excerpt=”true” excerpt_length=”20″ image_size=”medium” posts_per_page=”3″ wrapper=”div” wrapper_class=”display-posts-listing grid”]

…however

the editor spotted that grid-gap was an error-source and when i skipped it
the posts appear one after the other resulting in rows rather than in grid.
( i am using the listee theme from cssigniter if that makes any difference)

can you spot the error?did i miss any procedure?