.wp-block-grid {
--grid-gab-lg: 10px;
--grid-columns-lg: 3;
--grid-gab-md: 10px;
--grid-columns-md: 2;
--grid-gab: 10px;
--grid-columns: 1;
display: block;
}
.wp-block-grid .grid {
display: grid;
max-width: 100%;
width: 100%;
grid-template-columns: repeat(var(--grid-columns), 1fr);
grid-gap: var(--grid-gab);
}
.wp-block-grid .grid > .wp-block-grid__item {
min-width: 0;
grid-column-start: span 1;
}
.wp-block-grid .grid > .wp-block-grid__item > * {
width: 100%;
height: 100%;
}
@media screen and (min-width: 520px) {
.wp-block-grid .grid {
grid-template-columns: repeat(var(--grid-columns-md), 1fr);
grid-gap: var(--grid-gab-md);
}
}
@media screen and (min-width: 900px) {
.wp-block-grid .grid {
grid-template-columns: repeat(var(--grid-columns-lg), 1fr);
grid-gap: var(--grid-gab-lg);
}
}