fix(coding): update instructions to CSS Flexbox challenge in Portuguese#19077
fix(coding): update instructions to CSS Flexbox challenge in Portuguese#19077frontendwizard merged 1 commit intofreeCodeCamp:masterfrom brenoxav:patch-8
Conversation
Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.
| ## 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> . |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
| <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> |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
| ## 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> |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
|
@thefrontendwizard markdown doesn't care about those newlines, but they do improve readability of the source. See for example the rendered output comparison — the newlines got eaten up: https://github.com/freeCodeCamp/freeCodeCamp/pull/19077/files?short_path=722e456#diff-722e456cb1a96bf49df457120e39683e |
|
@lynxlynxlynx Would you merge this PR? |
|
Yes, it looks fine to me. |
|
Claro! Aqui está uma sugestão de atualização para as instruções de um desafio de CSS Flexbox, agora em português: Desafio de CSS Flexbox Instruções:
Objetivo: Se você quiser personalizar para um projeto específico (como alinhar cartas, botões ou imagens), me avisa que ajusto! |
|
If you want to suggest changes to the current Portuguese text, please submit a new pull request with them — this here is not the right place. |
|
@lynxlynxlynx @Prisca1260 please do not translate through GitHub, translations are done through Crowdin |
Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.
Update index.md)masterbranch of freeCodeCamp.If your pull request closes a GitHub issue, replace the XXXXX below with the issue number.
Closes #XXXXX