Flexbox CSS

Question 1

o que o flex-basis faz?

Answer 1

ele define o tamanho mínimo dos elementos

Question 2

o que flex-wrap faz?

Answer 2

determina se vai haver quebra de linha ou não

Question 3

o que o flex-grow faz?

Answer 3

se aplicar em um elemento, ele vai ocupar o espaço disponível que tinha antes de ele ser aplicado

Question 4

o que o justify-content faz?

Answer 4

ele define os espaços entre os elementos no eixo principal, por exemplo, se tiver em flex-direction: column ele vai distribuir na vertical (height) e se tiver em row, vai ser distribuído na horizontal (width)

Question 5

o que o align-items faz?

Answer 5

ele define o espaço entre os elementos no eixo height

Question 6

o que o order faz?

Answer 6

quanto mais valor adicionado no order, o elemento vai ficar por ultimo, o padrão é 0 se aumentar eles vão para trás. então se no caso colocar negativo, ele vai para frente

Question 7

o que o align-self faz?

Answer 7

ele define algum elemento específico, ele fica do jeito que você quiser