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.
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.
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.