Os elementos parecem ter tamanhos diferentes

Os elementos parecem ter margens maiores, inspecionando percebi que o problema estava nas @media-queries do style.css, comentei as seguintes linhas e cheguei ao resultado esperado....

Outra maneira também foi substituindo :nth-child(3n) para (4n)...

Mas não sei se esta forma de correção é a correta para este problema em específico.

    /* .conteudoPrincipal-cursos-link:nth-child(3n) {
        margin-right: 0;
    }

    .conteudoPrincipal-cursos-link:nth-child(3n+1) {
        margin-left: 0;
    }

}

@media(min-width: 1000px) {
    .conteudoPrincipal-cursos-link {
        margin: 1.333%;
    }

    .conteudoPrincipal-cursos-link:nth-child(3n) {
        margin-right: 1.33%;
    }

    .conteudoPrincipal-cursos-link:nth-child(3n+1) {
        margin-left: 1.333%;
    }

    .conteudoPrincipal-cursos-link:nth-child(4n) {
        margin-right: 0;
    }

    .conteudoPrincipal-cursos-link:nth-child(4n+1) {
        margin-left: 0;
    } */