Não conheço muito bem o layout de grid. Dito isso…
Se você não exibir as descrições das categorias, pode substituir
.category-title-contents {
display: grid;
grid-template-areas:
"logo title"
"logo description";
grid-template-columns: auto 1fr;
}
por
.category-title-contents {
display: grid;
grid-template-areas:
"logo title";
grid-template-columns: auto 1fr;
}
O layout original divide o contêiner em 4 células, o que desalinha o título:
Remover a área “logo description” o transforma em 2 células:
O que permite alinhar verticalmente o título substituindo:
.category-title-contents .category-title {
grid-area: title;
align-self: end;
}
por
.category-title-contents .category-title {
grid-area: title;
align-self: center;
}


