Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Dúvida Layout

Estou montando um layout usando flexbox em uma section que é seguida de um formulário e o footer(sem flexbox), porém quando redimensiono o tamanho da tela o conteúdo de baixo da section não se move com a alteração das colunas.

Resultado, a coluna que era de 3 elementos passa a ser de dois, consequentemente ela aumenta e o todo o conteúdo de baixo não desce, deixando as colunas por cima do resto.

Alguém sabe me dizer o motivo?

Agradeço a atenção.

4 respostas

Oi Diogo, tudo certo?

Você poderia colocar seu código HTML/CSS em um Jsbin? Acredito que fica mais fácil da gente conseguir ajudar.

Não precisa colocar inteiro ok? Só as partes que você mencionou.

Abcs!

solução!

Boa noite Natan,

Consigo sim, mas resolvi refazer todo o css do zero e desta vez levanto em conta a linha de raciocínio mobile first.

Acredito que tenha sido algum conflito com a propriedade flex-wrap. Por algum motivo quanto o conteúdo quebrava todos os elementos de baixo eram atropelados pelos filhos do elemento com flex.

Se acontecer novamente compartilho o código para tentar identificar.

Obrigado.

Boa noite Diogo,

Sem problemas, e fico feliz que considerou mobile first para seu projeto.

Vou marcar sua resposta como solução a fim de marcar o tópico como solucionado, ok?

Abcs e bons estudos!

Não tive mais problema, daqui a pouco a dúvida já vai ser outra hehe

Okay!

Obrigado.