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

Como fazer elementos se encaixarem

Então, não tenho como explicar melhor por aqui minha dúvida, teria que conseguir enviar uma imagem. Porém postei a dúvida no stackoverflow e lá tem uma imagem que facilitará. o link é

https://pt.stackoverflow.com/questions/249651/como-fazer-para-encaixar-esses-elementos/249670#249670

Minhas questão é. Aqui no curso de flexbox vimos como fazer uma grid onde elementos, do mesmo tamanho, são distribuídos igualitariamente na vertical e horizontal. Estou fazendo um layout onde o height de cada elemento é diferente, por tanto, fica um espaço vago entre a base e o topo de alguns. Preciso que eles se encaixem como acontece na timeline do printrest. Alguém pode me ajudar?

3 respostas
solução!

Francis, via Flexbox isso é meio complicado de fazer, no site da https://caelum.com.br, você pode analisar o css que implementa algo do gênero na listagem dos cursos.

Esse alinhamento é chamado de Masonry, e pode ser criado com uma lib bem famosa no mundo JS: https://masonry.desandro.com/

Muito obrigado Mario. Conhece algum tutorial em português para o uso dele?

Baixei ele e vi que não tem muita dificuldade. Estou conseguindo por aqui.. Obrigado mesmo Mario

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