freeCodeCamp Challenge Guide: 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;
3 Likes