flex-basis
especifica o tamanho inicial do item antes que o CSS faça ajustes com flex-shrink
ou flex-grow
.
As unidades usadas pela propriedade flex-basis
são as mesmas que outras propriedades de tamanho ( px
, em
, %
, etc.). O valor auto
dimensiona itens com base no conteúdo. flex-basis
. Adicione a propriedade CSS flex-basis
a ambos #box-1
e #box-2
. Dê #box-1
um valor de 10em
e #box-2
um valor de 20em
.