3
respostas

margin-left no menu

A regra margin-left do menu, está no outro css ou tem que colocar? Se tiver que colocar, não foi necessário, já tem o espaçamento.

3 respostas

Cade o codigo ?

Me desculpe, vou me explicar melhor nas perguntas na aula 01 no minuto 3:15, no terceiro vídeo terminando o cabeçalho o instrutor fala que tem um espaçamento entre os items do menu, mas na aula não mostra colocando essa regra de margin-left no arquivo css e mesmo não tendo colocado essa regra tem o espaçamento. Então eu queria saber se o arquivo baixado já tem essa regra em algum lugar, porque eu não coloquei essa regra css no meu arquivo e mesmo assim tem o espaçamento.

Código que eu digitei durante as aulas:

.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%;
}

.videoSobre .container{
    display: flex;
}
.videoSobre-sobre {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.videoSobre-sobre-list {
    flex-grow: 1;
}

.videoSobre-video {
    flex-grow: 1;
    flex-shrink: 1;
}
.rodapePrincipal-contatoForm {
    width: 25%;
}

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

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

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

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



/*parte mobile*/

@media(max-width: 768px) {
    .cabecalhoPrincipal .container {
        flex-direction: column;
        align-items: initial;
        text-align: center;
    }
    .cabecalhoPrincipal-nav{
        flex-direction: column;
    }

    .cabecalhoPrincipal-nav-link-app {
        order: -1;
    }

    .conteudoPrincipal-cursos {
        flex-direction: column;
    }
    .conteudoPrincipal-cursos-link {
        width: 100%;
    }
    .rodapePrincipal-navMap-list {
        height: auto;
    }
    .rodapePrincipal-patrocinadores-container {
        flex-direction: column;
        align-items: center;
    }

    .rodapePrincipal-contatoForm{
        width: 100%;
    }

    .rodapePrincipal-patrocinadores-list {
        margin: 0;
        width: 100%;
    }


    .rodapePrincipal-contatoForm-fieldset {
        justify-content: center
    }    

    videoSobre .container {
        flex-direction: column;
    }
    .videoSobre-video {
        margin: 0 auto;
    }
}

Entao Gi, eu baixei o codigo e vi que o espaçamento vem realmente do margin que esta definido no style.css

Quando eu retirei a referencia do style.css, e utilizei somente o codigo que vc forneceu, não apareceu espaçamento.

O ideal seria vc inspecionar e mostrar de onde está vindo este espaçamento.