Boa tarde! Tudo bem? Espero que sim!
Eu gostaria de saber quais as diferenças dos dislpays inline, block e inline-block, na aula usamos o inline-block mas naquela aplicação também poderia se usar o inline??
Agradeço desde já!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa tarde! Tudo bem? Espero que sim!
Eu gostaria de saber quais as diferenças dos dislpays inline, block e inline-block, na aula usamos o inline-block mas naquela aplicação também poderia se usar o inline??
Agradeço desde já!
oi boa tarde, não sei para oque está usando mas... quando o item está inline, você consegue por exemplo centralizar ele usando text-align (assim como inline-block, pois é um "item block" que também é inline), alem de também os items ficarem na mesma linha (assim como inline-block), já um "item" block vai para outra linha, alem de precisar de margem para alinha-lo
Ah então o que muda é jeito da manipulação dos itens né? Entendi, obrigado!
sim, você pode usar a propriedade flex, assim com grid, no container pai, ou deixar os items como display inline/inline-block, mas recomendo usar flex, ou grid mesmo doc do css flex box mdn: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox doc do css grid mdn: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
Muito obrigado!! Vou começar a treinar e praticar com essas propriedades então!