.tile-block {
    --grid-layout-gap: 0em;
    --grid-column-count: 4;
    --grid-item--min-width: 240px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

    
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
    
    display: grid;
    align-items: center;
    width: 100%;
}

.tile-block .item {
    background-color: rgb(2, 1, 1);
    width: 100%;
    overflow: hidden;
}