카테고리 배너를 활성화하면 카테고리 아이콘이 중복으로 표시됩니다

[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” 영역을 제거하면 2개의 셀이 됩니다:

이렇게 하면 다음을

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

다음으로 교체하여 제목을 세로로 가운데 정렬할 수 있습니다:

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