<sectionid="description"> Después de crear una plantilla de áreas para su contenedor de cuadrícula, como se muestra en el desafío anterior, puede colocar un elemento en su área personalizada haciendo referencia al nombre que le dio. Para hacer esto, usa la propiedad de <code>grid-area</code> en un elemento como este: <blockquote> .item1 {grid-area: header; } </blockquote> Esto le permite a la cuadrícula saber que desea que la clase <code>item1</code> vaya en el área llamada <code>header</code> . En este caso, el elemento utilizará toda la fila superior porque toda esa fila se denomina área de encabezado. </section>
<sectionid="instructions"> Coloque un elemento con la clase <code>item5</code> en el área del <code>footer</code> usando la propiedad del <code>grid-area</code> la <code>grid-area</code> . </section>
- text: <code>item5</code> clase <code>item5</code> debe tener una propiedad de <code>grid-area</code> que tenga el valor de <code>footer</code> de <code>footer</code> .
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>footer</code>.");'