CSS Grid: Is there a option for repeat /auto-fit?

Ask the community
1

Hey there,

its great to work with the new CSS-Grid Features.
Is there a option to use the repeat (auto-fit)-feature from CSS-Grid? (columns: repeat(auto-fit,…)

So that the number of columns is based on the available Space, for responsive flexbox-like wrapping.

Example: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/

Or is it at the moment only possible to use Flexbox instead, or build separate CSS-Grid Layouts for Desktop & Mobile, if i want a different number of columns on Desktop / Mobile and wrap containers from maybe 4 to 2 columns?

Thx

1 Like
2

I was wondering this as well, I can’t make my grid responsive for desktop to mobile without it. :thinking:

3

Hi both, great suggestion! This has not been developed but we believe it would make amazing sense as an enhancement. Super duper duly noted from our side. :writing_hand:

1 Like