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

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:

grid-template-columns: parameters;

where parameters is whatever you want it to be.

Solution

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;