2021-02-06 04:42:36 +00:00
---
id: 5a9036e138fddaf9a66b5d33
title: Agrega filas con grid-template-rows
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/cbp9Pua'
forumTopicId: 301119
dashedName: add-rows-with-grid-template-rows
---
# --description--
2021-03-05 15:43:24 +00:00
La cuadrícula (grid) que creaste en el último desafío establecerá el número de filas automáticamente. Para ajustar las filas manualmente, usa la propiedad `grid-template-rows` de la misma manera en la que usaste `grid-template-columns` en el desafío anterior.
2021-02-06 04:42:36 +00:00
# --instructions--
Agrega dos filas a la cuadrícula que tengan `50px` de alto cada una.
# --hints--
La clase `container` debe tener una propiedad `grid-template-rows` con dos unidades de `50px` .
```js
assert(
code.match(
/.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
)
);
```
# --seed--
## --seed-contents--
```html
< style >
.d1{background:LightSkyBlue;}
.d2{background:LightSalmon;}
.d3{background:PaleTurquoise;}
.d4{background:LightPink;}
.d5{background:PaleGreen;}
.container {
font-size: 40px;
width: 100%;
background: LightGray;
display: grid;
grid-template-columns: 100px 100px 100px;
/* Only change code below this line */
/* Only change code above this line */
}
< / style >
< div class = "container" >
< div class = "d1" > 1< / div >
< div class = "d2" > 2< / div >
< div class = "d3" > 3< / div >
< div class = "d4" > 4< / div >
< div class = "d5" > 5< / div >
< / div >
```
# --solutions--
```html
< style > . container { grid-template-rows : 50 px 50 px ; } < / style >
```