Boa tarde, minha dúvida é: a linha dos boxes segue sempre a linha do de altura maior, e se eu quizesse que eles se encaixassem, um abaixo do outro como teria que fazer a estrutura ?
Obrigada.
Solucionado
Boa tarde, minha dúvida é: a linha dos boxes segue sempre a linha do de altura maior, e se eu quizesse que eles se encaixassem, um abaixo do outro como teria que fazer a estrutura ?
Obrigada.
Oi Marylia, tudo bem?
Você diz mudar o alinhamento vertical deles, algo assim?
Para isso bastaria declarar vertical-align: middle. Fiz esse Jsbin aqui para você ver o código todo.
Se você quer apenas empilhá-los, todos em baixo do outro, bastaria não colocar o inline-block. Empilhar como blocos você usaria o block normal.
Espero ter ajudado e bons estudos!
Abcs!
Bom dai Natan, o que eu digo é ele encaixar na linha de baixo, já abaixo do outro, sem ficar o espaço do maior sabe, tem como colocar imagem aqui aí eu mostro melhor.
Obrigada.
Oi Marylia,
Joga a imagem no Imgur, pega o endereço da imagem e posta aqui assim:
Pode desenhar no paint mesmo, printar e mandar aqui.
Abcs!
Oi Marylia,
Isso é tipo o layout do Pinterest, tem uns exemplos aqui e aqui.
Atualizei o Jsbin, com dois exemplos. O mais rápido é mandar um float, que o tiver em baixo vai dando um jeito de se encaixar em cima.
Outra possibilidade é usar o flexbox (como no rimeiro exemplo que coloquei ali em cima).
Inclusive recomendo fazer o curso de flexbox aqui da Alura, ok?
Espero ter ajudado e bons estudos,
Abcs!
Opa isso mesmo que queria, maravilha!! Sim eu já fiz esse curso de Flexbox aqui inclusive, preciso treinar mais até..
bjo e brigada!!
