greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix text to follow portuguese language syntax (#19077) 

Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.
pull/20825/head^2
Breno Xavier 2019-02-20 10:14:53 -04:00 committed by Juliano Rafael
parent 0e9e73e377
commit acab326f8a
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
View File

@ -7,10 +7,13 @@ localeTitle: Use a propriedade flexível de taquigrafia
---
## Description
<section id="description"> Existe um atalho disponível para definir várias propriedades flexíveis de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser todas juntas usando a propriedade <code>flex</code> . Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> . As configurações de propriedade padrão são <code>flex: 0 1 auto;</code> . </section>
<section id="description"> Existe um atalho disponível para definir várias propriedades *flex* de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser definidas todas juntas usando a propriedade <code>flex</code> .
Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> .
As configurações padrão da propriedade são <code>flex: 0 1 auto;</code> . </section>
## Instructions
<section id="instructions"> Adicione o <code>flex</code> propriedade CSS a ambos <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> os valores para que seu <code>flex-grow</code> seja 2, sua <code>flex-shrink</code> seja 2 e sua <code>flex-basis</code> seja 150px. Dê <code>#box-2</code> os valores para que seu <code>flex-grow</code> seja 1, sua <code>flex-shrink</code> seja 1 e sua <code>flex-basis</code> seja 150px. Esses valores farão com que <code>#box-1</code> cresça para preencher o espaço extra com o dobro da taxa de <code>#box-2</code> quando o container for maior que 300px e encolherá com o dobro da taxa de <code>#box-2</code> quando o container for menor que 300px. 300px é o tamanho combinado dos valores de <code>flex-basis</code> das duas caixas. </section>
<section id="instructions"> Adicione a propriedade CSS <code>flex</code> a ambos <code>#box-1</code> e <code>#box-2</code> . Dê a <code>#box-1</code> os valores para que sua <code>flex-grow</code> seja 2, sua <code>flex-shrink</code> seja 2 e sua <code>flex-basis</code> seja 150px. Dê a <code>#box-2</code> os valores para que sua <code>flex-grow</code> seja 1, sua <code>flex-shrink</code> seja 1 e sua <code>flex-basis</code> seja 150px.
Esses valores farão com que <code>#box-1</code> cresça para preencher o espaço extra com o dobro da taxa de <code>#box-2</code> quando o container for maior que 300px e encolherá com o dobro da taxa de <code>#box-2</code> quando o container for menor que 300px. 300px é o tamanho combinado dos valores de <code>flex-basis</code> das duas caixas. </section>
## Tests
<section id='tests'>