.container {

max-width: 1100px;
margin: 0 auto;
padding: 0 1.2rem;

}

.grid {

display: grid;
gap: var(--space-4);

}

.grid-2 {

grid-template-columns: 1fr;

}

.grid-3 {

grid-template-columns: 1fr;

}

@media (min-width: 800px){

.grid-2 {

grid-template-columns: 1fr 1fr;

}

.grid-3 {

grid-template-columns: 1fr 1fr 1fr;

}

}