Pages

 .wrapper {

    display: grid;

    grid-template-columns: repeat(4, 1cm);

    grid-auto-rows: 1cm;

    grid-gap: 0.1cm;

    grid-auto-flow: row;

}

div:nth-child(1) {

  grid-column: 3 / 5;

  grid-row: 2 / 5;

}

div:nth-child(2) {

  grid-column: 1 / 3;

  grid-row: 1 / 3;

}

div:nth-child(3) {

  grid-row-end: span 1;

}


div:nth-child(4) {

 grid-column-end: span 2;

}



Dessiner le résultat du placement des ces quatre div dans le wrapper