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.
A period (
.) designates an empty cell in a grid.
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";