Files

30 lines
569 B
Markdown
Raw Normal View History

2018-10-12 15:37:13 -04:00
---
title: Add Rows with grid-template-rows
---
# Add Rows with grid-template-rows
2018-10-12 15:37:13 -04:00
---
## Problem Explanation
2018-10-12 15:37:13 -04:00
In this challenge, you are required to define rows for the CSS grid in `<div class="container">`.
---
## Hints
### Hint 1
2018-10-12 15:37:13 -04:00
You can define rows by using the `grid-template-rows` CSS property.
---
## Solutions
<details><summary>Solution 1 (Click to Show/Hide)</summary>
2018-10-12 15:37:13 -04:00
Since the challenge requires you to create two rows of `50px` each, declare the following in your `.container` CSS code block:
2018-10-12 15:37:13 -04:00
```css
2018-10-12 15:37:13 -04:00
grid-template-rows: 50px 50px;
```
</details>