Coloane flexbox

Limbaje de Programare HTML & CSS
1

Salutare,

Vreau sa fac un layout cu flexbox in care sa am 2 rows fiecare cu cate 5 coloane(sa zicem).
Din cate vad, latimea coloanele se mareste daca continutul impinge marginile, dar daca contentul e mai mic decat cea mai mica latime a coloanei, coloana nu se miscoreaza dupa continut.

Cum as putea sa fac in asa fel incat coloanele in care contentul este mai mic decat latimea coloanei, sa se micsoreze cat continutul?

Ca idee am ca si layout html am:

<div class='row'>
        <div class='column'>
            <div>
                1
            </div>
        </div>
        <div class='column'>
            <div>
                123456789123456
            </div>
        </div>
</div>

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.column {
    display: inline-flex;
    flex-direction: column;
    flex-basis: 1rem;
    min-height: 200px;
    white-space: nowrap;
}

@media screen and (min-width: 800px) {
    .column {
        flex: 1
    }

    .double {
        flex: 2
    }
}

Stiu ca poate e o intrebare stupida dar have mercy.

2

Poti incerca cu grid. uite aici un generator https://cssgrid-generator.netlify.app/ si o mica documentatie https://grid.malven.co/

edit: uite si pentru flexbox un articol flexbos

3

Nu ar trebui sa fie invers? column e row si row e column?
Eu asa văd 2 rânduri cu 5 coloane.