1.5 KiB

Raw Blame History

id	title	challengeType	videoUrl	forumTopicId	dashedName
5a858944d96184f06fd60d61	Creare la tua prima griglia CSS	0	https://scrimba.com/p/pByETK/cqwREC4	301129	create-your-first-css-grid

--description--

Trasforma qualsiasi elemento HTML in un contenitore griglia (grid) impostando la sua proprietà display sul valore grid. Questo ti dà la possibilità di utilizzare tutte le altre proprietà associate alla griglia CSS.

Nota: Nella Griglia CSS, l'elemento genitore è indicato come container e i suoi figli sono chiamati items.

--instructions--

Cambia la visualizzazione del div con la classe container impostandola a grid.

--hints--

La classe container dovrebbe avere una proprietà display con un valore di 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>

1.5 KiB Raw Blame History