<sectionid="description"> La propiedad de <code>grid-area</code> que aprendiste en el último desafío se puede usar de otra manera. Si su cuadrícula no tiene una plantilla de áreas a la que hacer referencia, puede crear un área sobre la marcha para colocar un elemento como este: <blockquote> item1 {grid-area: 1/1/2/4; } </blockquote> Esto es utilizar los números de línea que aprendió anteriormente para definir dónde estará el área para este elemento. Los números en el ejemplo anterior representan estos valores: <blockquote> área de la cuadrícula: línea horizontal para comenzar en / línea vertical para comenzar en / línea horizontal para terminar en / línea vertical para terminar en; </blockquote> Así que el elemento en el ejemplo consumirá las filas entre las líneas 1 y 2, y las columnas entre las líneas 1 y 4. </section>
<sectionid="instructions"> Usando la propiedad del <code>grid-area</code> la <code>grid-area</code> , coloque el elemento con la clase <code>item5</code> entre las líneas horizontales tercera y cuarta y entre las líneas verticales primera y cuarta. </section>
- text: <code>item5</code> clase <code>item5</code> debe tener una propiedad de <code>grid-area</code> que tenga el valor de <code>3/1/4/4</code> .
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>3/1/4/4</code>.");'