From c6c090b95c82abe088fb476cb59e2a2afb84fa12 Mon Sep 17 00:00:00 2001 From: Ahmad Abdolsaheb Date: Fri, 23 Mar 2018 20:19:22 +0300 Subject: [PATCH] feat(seed): An HTML illustration added (#16939) --- challenges/01-responsive-web-design/css-grid.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/challenges/01-responsive-web-design/css-grid.json b/challenges/01-responsive-web-design/css-grid.json index 3549385972..6fad04bade 100644 --- a/challenges/01-responsive-web-design/css-grid.json +++ b/challenges/01-responsive-web-design/css-grid.json @@ -373,6 +373,8 @@ "description": [ "Up to this point, all the properties that have been discussed are for grid containers. The grid-column property is the first one for use on the grid items themselves.", "The hypothetical horizontal and vertical lines that create the grid are referred to as lines. These lines are numbered starting with 1 at the top left corner of the grid and move right for columns and down for rows, counting upward.", + "This is what the lines look like for a 3x3 grid:", + "

column lines

1

2

3

4

row lines

1

2

3

4

", "To control the amount of columns an item will consume, you can use the grid-column property in conjunction with the line numbers you want the item to start and stop at.", "Here's an example:", "
grid-column: 1 / 3;
",