Non conosco molto bene il layout a griglia. Detto questo…
Se non visualizzi affatto le descrizioni delle categorie, puoi sostituire
.category-title-contents {
display: grid;
grid-template-areas:
"logo title"
"logo description";
grid-template-columns: auto 1fr;
}
con
.category-title-contents {
display: grid;
grid-template-areas:
"logo title";
grid-template-columns: auto 1fr;
}
Il layout originale divide il contenitore in 4 celle, il che disallinea il titolo:
La rimozione dell’area “logo description” la riduce a 2 celle:
Ciò consente di allineare verticalmente il titolo sostituendo:
.category-title-contents .category-title {
grid-area: title;
align-self: end;
}
con
.category-title-contents .category-title {
grid-area: title;
align-self: center;
}
