My authentic code has 3 columns an 2 rows.
I would like it to point out 2 columns and three rows within the small display.
Nevertheless it not working.
.little_news {
show: grid;
margin:1em;
grid-template-columns: 10px 10px 10px;
grid-template-rows: 1fr 1fr;
grid-column-gap: 320px;
justify-content: heart;
align-items: stretch;
justify-items: heart;
align-content: heart;
}
@media solely display and (max-width: 1200px) {.little_news {
show: grid;
margin: 1em;
grid-template-columns: 10px 10px;
grid-template-rows: 1fr 1fr;
grid-column-gap: 320px;
justify-content: heart;
align-items: stretch;
justify-items: heart;
align-content: heart;}}
