.grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(17.5em, 1fr) minmax(17.5em, 1fr);
    grid-template-rows: auto;
    align-items: center;
    gap: 0.1em;
}

.box {
    background-color: lightyellow;
}

.item {
    background-color: lightyellow;
    /* text-align: center; */
}

@media only screen and (max-width: 600px) {
.grid-container {
    grid-template-columns: 1fr;
  }

    
}