div.page {
display: grid;
grid-template-columns : 1fr 2fr 1fr;
grid-template-areas :
"logo title blank"
"left body right";
}
Here fr means "From the free space". 1fr 2fr 1fr = 25% 50% 25%.
h1 { grid-area: title; }
div.left { grid-area: left; }
div.body { grid-area: body; }
div.right { grid-area: right;}
div.logo { grid-area: logo;}
And you are done.