body {margin: 0;
padding: 0;
/*this is how to cover the entire page*/
height: 100vh; 
width: 100%;
/*this is how to cover the entire page*/ 
background-color: #1B1B15; 
color: white;
overflow-x: hidden;
position: relative;
}

#all {height: 100%;
width: 125vh;
background-color: #5F5F5E;
position: absolute;
left: 18%;
}

#container {background-color: Maroon;
display: grid;
grid: 120px 600px repeat(2, 50px) / repeat( 2, 150px) auto 270px;
gap: 2px;
padding: 2px;
text-align: center;
}

#container > div {background-color: Teal;
}

.item2 {grid-column: 2 / span 3;
}

.item3 {grid-row: 2 / span 3;
}

.item4 {grid-column: 2 / span 2;
}

.item6 {grid-column: 2 / span 3;
grid-row: 3 / span 2;
}