diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md index 33acd1f9e02..b159a150492 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md @@ -7,10 +7,13 @@ localeTitle: Use a propriedade flexível de taquigrafia --- ## Description -
Existe um atalho disponível para definir várias propriedades flexíveis de uma só vez. As propriedades flex-grow , flex-shrink e flex-basis podem ser todas juntas usando a propriedade flex . Por exemplo, flex: 1 0 10px; irá definir o item para flex-grow: 1; flex-shrink: 0; e flex-basis: 10px; . As configurações de propriedade padrão são flex: 0 1 auto; .
+
Existe um atalho disponível para definir várias propriedades *flex* de uma só vez. As propriedades flex-grow , flex-shrink e flex-basis podem ser definidas todas juntas usando a propriedade flex . +Por exemplo, flex: 1 0 10px; irá definir o item para flex-grow: 1; flex-shrink: 0; e flex-basis: 10px; . +As configurações padrão da propriedade são flex: 0 1 auto; .
## Instructions -
Adicione o flex propriedade CSS a ambos #box-1 e #box-2 . Dê #box-1 os valores para que seu flex-grow seja 2, sua flex-shrink seja 2 e sua flex-basis seja 150px. Dê #box-2 os valores para que seu flex-grow seja 1, sua flex-shrink seja 1 e sua flex-basis seja 150px. Esses valores farão com que #box-1 cresça para preencher o espaço extra com o dobro da taxa de #box-2 quando o container for maior que 300px e encolherá com o dobro da taxa de #box-2 quando o container for menor que 300px. 300px é o tamanho combinado dos valores de flex-basis das duas caixas.
+
Adicione a propriedade CSS flex a ambos #box-1 e #box-2 . Dê a #box-1 os valores para que sua flex-grow seja 2, sua flex-shrink seja 2 e sua flex-basis seja 150px. Dê a #box-2 os valores para que sua flex-grow seja 1, sua flex-shrink seja 1 e sua flex-basis seja 150px. +Esses valores farão com que #box-1 cresça para preencher o espaço extra com o dobro da taxa de #box-2 quando o container for maior que 300px e encolherá com o dobro da taxa de #box-2 quando o container for menor que 300px. 300px é o tamanho combinado dos valores de flex-basis das duas caixas.
## Tests