2
respostas

Acompanhando o curso

Olá,

Estou acompanhando o curso e primeiramente baixei os arquivo e criei flexbox.css, considerando que dentro da pasta css já tem o estilo.css . Coloquei o link flexbox.css no head do html. Fiz tudo certinho até aqui.

Ao fazer o que o professor fez, no ** .rodapecontainer** nada aconteceu. Veja meu arquivo flexbox.css abaixo:

.cabecalho__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
}

.cabecalho__pesquisar__item {
  display: none;
}

/* RODAPÉ */

.rodape__container {
  display: flex;
  /* flex-direction: column;
  flex-wrap: wrap; */
  flex-flow: column wrap;
}

@media (min-width: 834px) {
  /* CABEÇALHO */

  .cabecalho__pesquisar__item {
    display: block;
  }
  /* RODAPÉ */

  .rodape__container {
    justify-content: space-between;
  }
}

Não funcionou o wrap... Reduzi e aumentei a tela e nada... Abrir e fechei o Chrome para visualizar... e nada! Seria algo do estilo.css?

não funcionou o wrap !!!

2 respostas

Olá, Elaine.

Tudo bem?

Eu copiei o seu código CSS e testei com o meu HTML e funcionou normal o flex-flow: column wrap;, se não conseguiu resolver ainda, compartilha aqui o código completo do arquivo index.html, pode ser algo no HTML.

Valeu. Qualquer dúvida manda aqui.

Olá, Elaine.

Tudo bem?

Você referenciou corretamente o arquivo "flexbox.css" no HTML ?. Testei com o seu código aqui e funcionou corretamente.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software