freeCodeCamp Challenge Guide: Create a Row Gap using grid-row-gap

Create a Row Gap using grid-row-gap


Problem Explanation

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


Hints

Hint 1

To add a gap between the rows in a CSS grid, we use the grid-row-gap CSS property.


Solutions

Solution 1 (Click to Show/Hide)

Since the challenge has you adding a gap of 5px, you would add the following line to the .container CSS code block.

grid-row-gap: 5px;
3 Likes