Grid

Question 1

How do you use grid-template to create rows and columns?

Answer 1

grid-template: 100px 200px / 200px 200px;

The numbers before the / are rows, the numbers after are columns.

Question 2

What does the 1fr stand for after grid-template-rows: 1fr 2fr 2fr?

Answer 2

1fr means one fraction. The previous code says to create three rows at a 1 to 2 to 2 ratio.

Question 3

What does the auto keyword do in the following code? grid-template-row: 200px auto;
grid-template-column: 200px auto;

Answer 3

When used with row, it will size the box to fit the content you put in it.
When used with column, it will stretch to fit eh screen.

Question 4

Wgat the