2018-10-12 19:37:13 +00:00
|
|
|
---
|
|
|
|
title: Add Columns with grid-template-columns
|
|
|
|
---
|
|
|
|
## Add Columns with grid-template-columns
|
|
|
|
|
|
|
|
In this challenge, you are required to define columns for the grid.
|
|
|
|
|
|
|
|
### Hint
|
|
|
|
|
|
|
|
You can define columns by declaring the following in your CSS codeblock:
|
|
|
|
|
|
|
|
````css
|
|
|
|
grid-template-columns: parameters;
|
|
|
|
````
|
|
|
|
|
|
|
|
where parameters is whatever you want it to be.
|
|
|
|
|
|
|
|
### Solution
|
|
|
|
|
2018-10-26 19:06:47 +00:00
|
|
|
Since the challenge requires you to create three columns of 100px each, declare the following in your .container CSS codeblock:
|
2018-10-12 19:37:13 +00:00
|
|
|
|
|
|
|
````css
|
|
|
|
grid-template-columns: 100px 100px 100px;
|
|
|
|
````
|