I don’t know very well the grid layout. That said…
If you don’t display the category descriptions at all, you can replace
.category-title-contents {
display: grid;
grid-template-areas:
"logo title"
"logo description";
grid-template-columns: auto 1fr;
}
with
.category-title-contents {
display: grid;
grid-template-areas:
"logo title";
grid-template-columns: auto 1fr;
}
The original layout splits the container into 4 cells, which misaligns the title:
Removing the “logo description” area makes it 2 cells:
Which allows you to vertically align the title by replacing:
.category-title-contents .category-title {
grid-area: title;
align-self: end;
}
with
.category-title-contents .category-title {
grid-area: title;
align-self: center;
}


