freeCodeCamp/guide/english/certifications/responsive-web-design/css-grid/add-columns-with-grid-template-columns/index.md

title

title
Add Columns with grid-template-columns

Add Columns with grid-template-columns

---

Problem Explanation

In this challenge, you are required to define columns for the grid.

---

Hints

Hint 1

You can define columns by declaring the following in your CSS codeblock:

grid-template-columns: parameters;

where parameters is whatever you want it to be.

---

Solutions

Solution 1 (Click to Show/Hide)

Since the challenge requires you to create three columns of 100px each, declare the following in your .container CSS codeblock:

grid-template-columns: 100px 100px 100px;