.container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: 0.5rem;
    width: 100%;
}

.grid-item {
    background: #F4BD50;
    height: 10rem;
    display: grid;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.grid-item:nth-child(even) {
    background: #9868FA80;
}