تمكين لافتات الفئة يسبب تكرار أيقونات الفئة

[Canapin (Coin-coin le Canapin)]

لا أعرف تخطيط الشبكة جيدًا. ومع ذلك…

إذا لم تعرض أوصاف الفئة على الإطلاق، يمكنك استبدال

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

بـ

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

يقسم التخطيط الأصلي الحاوية إلى 4 خلايا، مما يؤدي إلى عدم محاذاة العنوان:

إزالة منطقة “logo description” تجعلها خليتين:

مما يسمح لك بمحاذاة العنوان عموديًا عن طريق استبدال:

.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

بـ

.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}