body {
	background-color: powderblue;
}

.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 150px);
	gap: 10px;
	grid-template-areas:
		"one two two"
		"three four two"
		"three five five";
	max-width: 800px;
	margin: auto;
}

.item {
	background-color: blue;
	color: white;
	font-size: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.item1 { grid-area: one; }
.item2 { grid-area: two; }
.item3 { grid-area: three; }
.item4 { grid-area: four; }
.item5 { grid-area: five; }