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

Deleted comma and removed first person (#35034)

Browse Source
This commit is contained in:
Leo 2019-02-16 18:50:46 +02:00 committed by Randell Dawson
parent 99ac0b6938
commit db63a354ee
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,7 @@ When you used <code>grid-template-columns</code> and <code>grid-template-rows</c
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 <code>repeat</code> 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.
<blockquote>grid-template-rows: repeat(100, 50px);</blockquote>
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 I mean:
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:
<blockquote>grid-template-columns: repeat(2, 1fr 50px) 20px;</blockquote>
This translates to:
<blockquote>grid-template-columns: 1fr 50px 1fr 50px 20px;</blockquote>