﻿
#gridHeaderContainer {
    display: grid;
    column-count: 2;
    grid-template-columns: [startlogo] max-content [endlogo joinlmstart startstatistics] 1fr [joinlmend endstatistics];
    grid-template-rows: [startlogo joinlmstart] max-content [joinlmend startstatistics] 1fr [endstatistics endlogo wrappedStatsStart] min-content [wrappedStatsEnd];
    /*grid-template-rows: minmax(max-content,1fr) auto;*/
    gap: 0 10px;
    overflow: hidden;
}

#statistic_icons {
    min-height: 40px;
}

.griditem-logo {
    grid-column: startlogo / endlogo;
    grid-row: startlogo / endlogo;
    justify-self: start;
}

.griditem-joinLm {
    grid-column: joinlmstart / joinlmend;
    grid-row: joinlmstart/ joinlmend;
    justify-self: end;
}

.griditem-statistics {
    grid-column: startstatistics / endstatistics;
    grid-row: startstatistics / endstatistics;
    justify-self: end;
    align-self: end;
}

.griditem-statistics-wrapped {
    grid-column: startlogo / endstatistics;
    grid-row: wrappedStatsStart / wrappedStatsEnd;
    justify-self: end;
    align-self: end;
    overflow: hidden;
}
