.projects {
    padding-block: clamp(4rem, 8vw, 5rem);
}

.projects__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.25rem, 3vw, 2rem);
}

@media (max-width: 1040px) {
    .projects__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .projects__grid {
        grid-template-columns: 1fr;
        max-width: 36rem;
        margin-inline: auto;
    }
}