freeCodeCamp Challenge Guide: Divide the Grid Into an Area Template

Divide the Grid Into an Area Template


Problem Explanation

In this challenge you are required to use the “grid-template-areas” property to group cells of a grid together into areas and give the areas a custom name.


Hints

Hint 1

A period (.) designates an empty cell in a grid.


Solutions

Solution 1 (Click to Show/Hide)

Since the challenge requires you to make the cell labeled advert into an empty cell, change advert to a . (period) so that the code reflects the following:

grid-template-areas:
  "header header header"
  ". content content"
  "footer footer footer";
1 Like