@media (min-width: 540px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (min-width: 540px) {
    .website {
    display: grid;
    grid-template-columns: 20% 1fr 20%;
  }
}


.main {
  grid-column: 2;
  grid-row: 2;
}

.header,
.footer {
  grid-column: 1 / -1;
}

.navigation-list {
  display: grid;
  gap: .5rem;
}

img.accompagnement {
float:left;
margin:0 0.5em 0.5em 0;
}

/* Bonus : Toute la hauteur ? */
// .website {min-height: 100vh;}

/* Bonus : Centré ? */
// .website {max-width: 800px; margin: 0 auto;}