body {
font-family: Arial, sans-serif;
background-color: lightgray;
}

h1 {
text-align: center;
}

.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 360px 360px 360px 360px;
gap: 10px;
}

.grid div {
background-color: white;
border: 2px solid black;
padding: 10px;
text-align: center;
}

.movies {
grid-column: 1;
grid-row: 1 / 3;
}

.video {
grid-column: 2 / 4;
grid-row: 1;
}

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

.meme {
grid-column: 3;
grid-row: 2;
}

.poem {
grid-column: 1 / 3;
grid-row: 3 / 5;
}

.flag {
grid-column: 3;
grid-row: 3;
}

.bob {
grid-column: 3;
grid-row: 4;
}