From f590fecb3491a3d2f014b419fcdef9676cafb512 Mon Sep 17 00:00:00 2001 From: Kyle Scheuerlein Date: Mon, 8 Apr 2019 07:39:26 -0700 Subject: [PATCH] Update reduce-repetition-using-the-repeat-function.english.md (#35787) --- .../reduce-repetition-using-the-repeat-function.english.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/curriculum/challenges/english/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.english.md b/curriculum/challenges/english/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.english.md index b432acce9b..c108675621 100644 --- a/curriculum/challenges/english/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.english.md @@ -8,7 +8,7 @@ videoUrl: 'https://scrimba.com/p/pByETK/cQvqyHR' ## Description
When you used grid-template-columns and grid-template-rows to define the structure of a grid, you entered a value for each row or column you created. -Lets say you want a grid with 100 rows of the same height. It isn't very practical to insert 100 values individually. Fortunately, there's a better way - by using the repeat function to specify the number of times you want your column or row to be repeated, followed by a comma and the value you want to repeat. +Let's say you want a grid with 100 rows of the same height. It isn't very practical to insert 100 values individually. Fortunately, there's a better way - by using the repeat function to specify the number of times you want your column or row to be repeated, followed by a comma and the value you want to repeat. Here's an example that would create the 100 row grid, each row at 50px tall.
grid-template-rows: repeat(100, 50px);
You can also repeat multiple values with the repeat function and insert the function amongst other values when defining a grid structure. Here's what that looks like: