1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
33 lines
716 B
Markdown
33 lines
716 B
Markdown
---
|
|
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
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
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:
|
|
|
|
```css
|
|
grid-template-areas:
|
|
"header header header"
|
|
". content content"
|
|
"footer footer footer";
|
|
```
|
|
|
|
</details> |