freeCodeCamp/guide/english/certifications/responsive-web-design/css-grid/divide-the-grid-into-an-area-template/index.md

title

title
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";