Coloquei o código como está abaixo e sem colocar justify-content e sem usar o nht-child() o grid ficou da maneira que era para ficar, e não tem a margem para a esquerda dos elementos da esquerda e nem a margem para a direita dos elementos da direita, alguém sabe porque?
.conteudoPrincipal-cursos {
display: flex;
flex-wrap: wrap;
}
.conteudoPrincipal-cursos-link {
width: 23%;
margin: 1%;
}
