freeCodeCamp Challenge Guide: Create a Column Gap Using grid-column-gap

Create a Column Gap Using grid-column-gap


Problem Explanation

This challenge requires you to add a gap of 20px between all the columns of the CSS Grid in .container.


Hints

Hint 1

To add the gap between the columns of a grid, we use:

grid-column-gap: parameter;

where parameter is the required gap.


Solutions

Solution 1 (Click to Show/Hide)

Since the challenge has you adding a gap of 20px, you would add the following line to the .container CSS codeblock.

grid-column-gap: 20px;