1.4 KiB
1.4 KiB
id | title | challengeType | videoUrl | forumTopicId | dashedName |
---|---|---|---|---|---|
5a858944d96184f06fd60d61 | Crea tu primera CSS Grid | 0 | https://scrimba.com/p/pByETK/cqwREC4 | 301129 | create-your-first-css-grid |
--description--
Convierte cualquier elemento HTML en una cuadrícula al establecer la propiedad display
a grid
. Esto te da la habilidad de usar todas las demás propiedades asociadas con CSS Grid.
Nota: en CSS Grid, el elemento padre se refiere como el contenedor y sus hijos se llaman elementos.
--instructions--
Cambia la propiedad display del div que tiene la clase container
a grid
.
--hints--
La clase container
debe tener una propiedad display
con valor grid
.
assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
--seed--
--seed-contents--
<style>
.d1{background:LightSkyBlue;}
.d2{background:LightSalmon;}
.d3{background:PaleTurquoise;}
.d4{background:LightPink;}
.d5{background:PaleGreen;}
.container {
font-size: 40px;
width: 100%;
background: LightGray;
/* 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--
<style>.container {display: grid;}</style>