Hogyan lehet flexibilis css gridet csinalni?

grid tipusu display-el 2 bajom van:

- Ha ugy akarom, hogy kinezzen, ahogyan azt hasznalni szeretnem, akkor elore definialnom kene, hogy mekkora legyen. Pl. 3x3-as layoutban 200x200-as elemekkel definialok egy gridet, aztan row-gap, column-gap-el beallitom az elemek tavolsagat.

- Ha ez a meret definialva van, akkor a gridem merete nem taguk a venne levo elemek meretevel egyutt, tehat a gapek megadasaval a gridem beluli tartalom kilog a gridbol.

- Ha nem definialom a grid meretet, de az elemek mereteit igen, akkor hatalmas column gapeket rak bele a fenti peldanal, amiket nem birok eltuntetni.

Flexbox szeru tulajdonsagu gridre lenne szuksegem, amivel az elemek gutter/gap/margin/pading/etc... megadasa nelkul egyben vannak es ezek megadasaval a grid is taguljon az elemekkel egyutt.

Megoldhato ez siman display: grid-el vagy csak flexboxokkal, mint pl. bootstrap row, column?