1
resposta

[Sugestão] Diminuindo proporcionalmente os elementos

1) Ele distribui proporcionalmente a redução para cada item ( 600px / 4 = 150px cada item )

2) o primeiro item recebeu peso 2 ( flex-shrink:2 ) vai ser reduzido 2vezes mais que os demais itens como exemplo abaixo:

tela original = 800px - redução de 200px

1 item = peso 2 2 item = peso 1 3 item = peso 1 4 item = peso 1

total = peso 5 / 200px = 40px

o item 1 recebe 2x a redução ( 40px x2 = 80px ) ficando assim com 200px - 80px = 120px

os demais itens 1peso de redução ( 40px x1 = 40px ) ficando assim com 200px - 40px = 160px

resumindo... item 1 = 120px item 2 = 160px item 3 = 160px item 4 = 160px

total = 600px

1 resposta

Olá Thyago, tudo bem?

Obrigada por sua contribuição, tenho certeza que ajudará outros estudantes também!

Qualquer dúvida ou dificuldade, estamos por aqui!

Abraços e bons estudos :)