diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md index edd210854b..748069049d 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md @@ -7,19 +7,21 @@ localeTitle: Use a propriedade flex-shrink para reduzir os itens --- ## Description -
Até agora, todas as propriedades nos desafios se aplicam ao contêiner flex (pai dos itens flex). No entanto, existem várias propriedades úteis para os itens flexíveis. A primeira é a propriedade flex-shrink . Quando é usado, permite que um item encolha se o contêiner flexível for muito pequeno. Os itens diminuem quando a largura do contêiner pai é menor que as larguras combinadas de todos os itens flexíveis dentro dele. A propriedade flex-shrink recebe números como valores. Quanto maior o número, mais ele será reduzido em comparação com os outros itens no contêiner. Por exemplo, se um item tiver um valor flex-shrink de 1 e o outro tiver um valor flex-shrink de 3, aquele com o valor de 3 diminuirá três vezes mais do que o outro.
+
Até agora, todas as propriedades nos desafios se aplicam ao contêiner flex (pai dos itens flex). No entanto, existem várias propriedades úteis para os itens flex. +A primeira é a propriedade flex-shrink . Quando usado, permite que um item encolha se o contêiner flexível for muito pequeno. Os itens diminuem quando a largura do contêiner pai é menor que as larguras combinadas de todos os itens flexíveis dentro dele. +A propriedade flex-shrink recebe números como valores. Quanto maior o número, mais ele será reduzido em comparação com os outros itens no contêiner. Por exemplo, se um item tiver um valor flex-shrink de 1 e o outro tiver um valor flex-shrink de 3, aquele com o valor de 3 diminuirá três vezes mais do que o outro.
## Instructions -
Adicione o flex-shrink propriedade CSS a #box-1 e #box-2 . Dê #box-1 um valor de 1 e #box-2 um valor de 2.
+
Adicione a propriedade CSS flex-shrink a ambos #box-1 e #box-2 . Dê a #box-1 um valor de 1 e a #box-2 um valor de 2.
## Tests
```yml tests: - - text: 'O elemento #box-1 deve ter a propriedade flex-shrink definida como um valor de 1.' + - text: 'O elemento #box-1 deve ter a propriedade flex-shrink definida com um valor de 1.' testString: 'assert($("#box-1").css("flex-shrink") == "1", "The #box-1 element should have the flex-shrink property set to a value of 1.");' - - text: 'O elemento #box-2 deve ter a propriedade flex-shrink definida como um valor de 2.' + - text: 'O elemento #box-2 deve ter a propriedade flex-shrink definida com um valor de 2.' testString: 'assert($("#box-2").css("flex-shrink") == "2", "The #box-2 element should have the flex-shrink property set to a value of 2.");' ```