body {
    margin: 0%; /* pour éviter les marges */
    height: 100%;
    overflow: hidden;
}

::-webkit-scrollbar { 
    width: 0px; 
    display: none;
} 

.grid-container {
      height: 100vh;
  width: 100vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "un deux deux deux trois quatre"
    "un six cinq cinq cinq quatre"
    "sept six neuf neuf neuf quatre"
    "dix dix huit huit huit huit";
}

.un { grid-area: un; overflow: scroll;}

.deux { grid-area: deux; overflow: scroll;}

.trois { grid-area: trois; overflow: scroll;}

.quatre { grid-area: quatre; overflow: scroll;}

.cinq { grid-area: cinq; overflow: scroll;}

.six { grid-area: six; overflow: scroll;}

.sept { grid-area: sept; overflow: scroll;}

.huit { grid-area: huit; overflow: scroll;}

.neuf { grid-area: neuf; overflow: scroll;}

.dix { grid-area: dix; overflow: scroll;}