.columned-list {
    --cols: 2;
    --rows: 3;
    --column-gap: 10px;
    --row-gap: 10px;
    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    grid-template-rows: repeat(var(--rows), auto);
    grid-auto-flow: column;
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    @media only screen and (max-width: 64.063em) {
        display: flex;
        flex-flow: column;
    }
}