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
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. 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. Here's an example that would create the 100 row grid, each row at 50px tall.
<blockquote>grid-template-rows: repeat(100, 50px);</blockquote> <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> <blockquote>grid-template-columns: repeat(2, 1fr 50px) 20px;</blockquote>
This translates to: This translates to:
<blockquote>grid-template-columns: 1fr 50px 1fr 50px 20px;</blockquote> <blockquote>grid-template-columns: 1fr 50px 1fr 50px 20px;</blockquote>