gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixes auto-translation of 'repeat' (#28954)

Browse Source
This commit is contained in:
Bruno Nash
2019-03-16 19:35:08 +00:00
committed by Jaka Kranjc
parent 893ac48f25
commit 2fb9db692f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md
View File

@ -7,7 +7,7 @@ localeTitle: Reduzir a repetição usando a função de repetição
--- ---
## Description ## Description
<section id="description"> Quando você usou <code>grid-template-columns</code> e <code>grid-template-rows</code> para definir a estrutura de uma grade, você inseriu um valor para cada linha ou coluna criada. Vamos dizer que você quer uma grade com 100 linhas da mesma altura. Não é muito prático inserir 100 valores individualmente. Felizmente, há uma maneira melhor - usando a função de <code>repeat</code> para especificar o número de vezes que você deseja que sua coluna ou linha seja repetida, seguida por uma vírgula e o valor que você deseja repetir. Aqui está um exemplo que criaria a grade de 100 linhas, cada linha com 50 px de altura. <blockquote> grid-template-rows: repita (100, 50px); </blockquote> Você também pode repetir vários valores com a função de repetição e inserir a função entre outros valores ao definir uma estrutura de grade. Aqui está o que eu quero dizer: <blockquote> grid-template-columns: repetição (2, 1fr 50px) 20px; </blockquote> Isso se traduz em: <blockquote> grid-template-columns: 1fr 50px 1fr 50px 20px; </blockquote> <strong>Nota</strong> <br> <code>1fr 50px</code> é repetido duas vezes seguido por 20px. </section> <section id="description"> Quando você usou <code>grid-template-columns</code> e <code>grid-template-rows</code> para definir a estrutura de uma grade, você inseriu um valor para cada linha ou coluna criada. Vamos dizer que você quer uma grade com 100 linhas da mesma altura. Não é muito prático inserir 100 valores individualmente. Felizmente, há uma maneira melhor - usando a função de <code>repeat</code> para especificar o número de vezes que você deseja que sua coluna ou linha seja repetida, seguida por uma vírgula e o valor que você deseja repetir. Aqui está um exemplo que criaria a grade de 100 linhas, cada linha com 50 px de altura. <blockquote> grid-template-rows: repeat (100, 50px); </blockquote> Você também pode repetir vários valores com a função de repetição e inserir a função entre outros valores ao definir uma estrutura de grade. Aqui está o que eu quero dizer: <blockquote> grid-template-columns: repeat (2, 1fr 50px) 20px; </blockquote> Isso se traduz em: <blockquote> grid-template-columns: 1fr 50px 1fr 50px 20px; </blockquote> <strong>Nota</strong> <br> <code>1fr 50px</code> é repetido duas vezes seguido por 20px. </section>
## Instructions ## Instructions
<section id="instructions"> Use <code>repeat</code> para remover a repetição da propriedade <code>grid-template-columns</code> . </section> <section id="instructions"> Use <code>repeat</code> para remover a repetição da propriedade <code>grid-template-columns</code> . </section>