Duvida.

.cabecalhoPrincipal .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cabecalhoPrincipal-nav {
    display: flex;
}

.rodapePrincipal-patrocinadores .container {
    display: flex; 
    justify-content: space-between;
}

.rodapePrincipal-patrocinadores-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 70%;
    margin-right: 5%;
}

.rodapePrincipal-contatoForm {
    width: 25%;
}

.rodapePrincipal-contatoForm-fieldset {
    display: flex;
}

.rodapePrincipal-navMap-list {
    display: flex;
    /*flex-direction: column;
    flex-wrap: wrap;*/
    flex-flow: column wrap;
    height: 250px;
}

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

}

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

Eu usei apenas esse código e consegui deixar o grid bem arrumadinho e até com margem. Quando coloquei "width: 25%;" os botões ficaram grandes demais. E se eu tirar o " margin-bottom: 1%;" não vai fazer diferença alguma. O que queria saber, será que o meu navegador google chrome corrigiu tudo automáticamente? (detalhe: eu só coloquei o código do jeito que foi explicitado e até a bordinha apareceu.)