Uma dúvida rápida, o flex grow e o flex shrink precisam que os flex items tenham uma largura com um valor absoluto por exemplo o pixel? Ou não precisa?
Solucionado
Uma dúvida rápida, o flex grow e o flex shrink precisam que os flex items tenham uma largura com um valor absoluto por exemplo o pixel? Ou não precisa?
Olá Heitor! Tudo ok contigo?
Não, os flex items não precisam necessariamente ter uma largura com um valor absoluto para que você possa usar as propriedades flex-grow e flex-shrink. Essas propriedades controlam a capacidade de um item flexível crescer se houver espaço disponível, ou encolher se houver espaço limitado.
Por exemplo, se você tiver três itens flexíveis, cada um com flex-grow: 1, eles ocuparão igualmente todo o espaço disponível no container flex. Se um deles tiver flex-grow: 2, esse item ocupará o dobro do espaço que os outros dois.
Da mesma forma, flex-shrink define como um item flexível deve encolher se o container flex não puder acomodar todos os itens em sua largura total. Se todos os itens tiverem flex-shrink: 1, eles encolherão igualmente quando houver espaço limitado. Se um item tiver flex-shrink: 2, ele encolherá duas vezes mais que os outros.
Portanto, essas propriedades são relativas ao espaço disponível e à configuração dos outros itens, e não a um valor absoluto de largura.
Era isso. Espero ter ajudado!
Abraços e bons estudos!