Ich kenne das Grid-Layout nicht sehr gut. Das heißt…
Wenn Sie die Kategoriebeschreibungen überhaupt nicht anzeigen, können Sie
.category-title-contents {
display: grid;
grid-template-areas:
"logo title"
"logo description";
grid-template-columns: auto 1fr;
}
ersetzen durch
.category-title-contents {
display: grid;
grid-template-areas:
"logo title";
grid-template-columns: auto 1fr;
}
Das ursprüngliche Layout teilt den Container in 4 Zellen auf, was den Titel falsch ausrichtet:
Wenn Sie den Bereich „logo description“ entfernen, werden daraus 2 Zellen:
Dadurch können Sie den Titel vertikal ausrichten, indem Sie
.category-title-contents .category-title {
grid-area: title;
align-self: end;
}
ersetzen durch
.category-title-contents .category-title {
grid-area: title;
align-self: center;
}


