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

fix(challenges): Fix typo issue on CSS Grid:Minmax (#17027)

Browse Source 
the example explains that grid-template-columns: 100px minmax(50px,
200px) is set to create three columns when in fact it is only set to
create two columns.
This commit is contained in:
John B
2018-04-06 00:54:57 -07:00
committed by mrugesh mohapatra
parent d612f48d5e
commit 0f5e594848
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
challenges/01-responsive-web-design/css-grid.json
View File

@ -929,7 +929,7 @@
"description": [ "description": [
"There's another built-in function to use with <code>grid-template-columns</code> and <code>grid-template-rows</code> called <code>minmax</code>. It's used to limit the size of items when the grid container changes size. To do this you need to specify the acceptable size range for your item. Here is an example:", "There's another built-in function to use with <code>grid-template-columns</code> and <code>grid-template-rows</code> called <code>minmax</code>. It's used to limit the size of items when the grid container changes size. To do this you need to specify the acceptable size range for your item. Here is an example:",
"<blockquote>grid-template-columns: 100px minmax(50px, 200px);</blockquote>", "<blockquote>grid-template-columns: 100px minmax(50px, 200px);</blockquote>",
"In the code above, <code>grid-template-columns</code> is set to create three columns; the first is 100px wide, and the second has the minimum width of 50px and the maximum width of 200px.", "In the code above, <code>grid-template-columns</code> is set to create two columns; the first is 100px wide, and the second has the minimum width of 50px and the maximum width of 200px.",
"<hr>", "<hr>",
"Using the <code>minmax</code> function, replace the <code>1fr</code> in the <code>repeat</code> function with a column size that has the minimum width of <code>90px</code> and the maximum width of <code>1fr</code>, and resize the preview panel to see the effect." "Using the <code>minmax</code> function, replace the <code>1fr</code> in the <code>repeat</code> function with a column size that has the minimum width of <code>90px</code> and the maximum width of <code>1fr</code>, and resize the preview panel to see the effect."
], ],