From 2fb9db692f7741ee44f039d42d46af22d05acf06 Mon Sep 17 00:00:00 2001 From: Bruno Nash Date: Sat, 16 Mar 2019 19:35:08 +0000 Subject: [PATCH] Fixes auto-translation of 'repeat' (#28954) --- .../reduce-repetition-using-the-repeat-function.portuguese.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md index f7b30baadc..a525321dd3 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Reduzir a repetição usando a função de repetição --- ## Description -
Quando você usou grid-template-columns e grid-template-rows 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 repeat 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.
grid-template-rows: repita (100, 50px);
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:
grid-template-columns: repetição (2, 1fr 50px) 20px;
Isso se traduz em:
grid-template-columns: 1fr 50px 1fr 50px 20px;
Nota
1fr 50px é repetido duas vezes seguido por 20px.
+
Quando você usou grid-template-columns e grid-template-rows 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 repeat 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.
grid-template-rows: repeat (100, 50px);
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:
grid-template-columns: repeat (2, 1fr 50px) 20px;
Isso se traduz em:
grid-template-columns: 1fr 50px 1fr 50px 20px;
Nota
1fr 50px é repetido duas vezes seguido por 20px.
## Instructions
Use repeat para remover a repetição da propriedade grid-template-columns .