Grid irregular

Oi gente, como vai?

Eu segui as orientações da aula, mas o ícone de três cursos não respeitaram o grid, são eles o 'Desenvolvimento Web', 'AngularJS' e 'TDD com C'. Os demais cursos estão respeitando o grid.

Segue o código do flexbox para conferência:

.conteudoPrincipal-cursos {
    display: flex;
    flex-wrap: wrap;
}

.conteudoPrincipal-cursos-link {
    width: 20%;
    margin: 1%;
}

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

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

Vi a dúvida de outra aluna aqui no fórum, em que ela resolveu o grid usando o '!important' após os comandos de margin. Segue o código:

.conteudoPrincipal-cursos {
    display: flex;
    flex-wrap: wrap;
}

.conteudoPrincipal-cursos-link {
    width: 20%;
    margin: 1%!important;
}

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

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

Achei interessante ressaltar o fato, como uma forma de passar feedback sobre o curso e código disponibilizado.