image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Diego Rosa
Diego Rosa05/09/2022 15:54
Compartilhe

Fundamentos do Flexbox, Parte2

  • #HTML
  • #JavaScript
  • #CSS

Blz pessoal, como estão vocês?!

Hoje eu irei escrever um pouco sobre meus primeiros passos no desenvolvimento Utilizando o posicionamento de elementos, sobre os projetos e conhecimentos adquiridos dentro da trilha de aprendizado do Módulo II - HTML/CSS3/JS | Posicionando elementos com Flexbox no CSS. Durante o Santander Bootcamp Full Stack Developer 2022!

Fundamentos do Flexbox, Parte 2

Estrutura básica do flex grow

É a habilidade de um flex item de crescer. Por padrão o valor é zero, os itens ocupam um tamanho máximo de acordo com o conteúdo interno.

Estrutura básica do flex basis

Indica o tamanho inicial dos itens, antes de serem distribuidos no espaço restante.

Estrutura básica do flex shrink

Ele define a capacidade da redução do tamanho dos itens.

Estrutura básica do flex

É o atalho nos flex itens. Flex-grow, flex-shrink e flex-basis.

Estrutura básica do order

Modifica a ordem dos flex itens, sempre do menor para o maior.

Estrutura básica do align self

Define o alinhamento específico de um único item dentro do container.

Com isso finalizamos essa segunda parte de como usar o posicionamento de elementos com Flexbox no CSS. Espero ter ajudado até aqui, e te aguardo para mais conteúdos.😊

#SantanderBootcampFullStackDeveloper #CSS #Flexbox

Compartilhe
Comentários (0)