14 replies

Reproduce flex behaviour with grid

Hello, I've just found out this pen: https://codepen.io/RamSande/pen/ebNYJP and I wanted to try to replicate it using grid, I tried

   display: grid;
   grid-template-columns: repeat(5, minmax(100px, auto));

   display: grid;
   grid-template-columns: repeat(5, minmax(100px, auto));

But this doesn't make the last elements occupy the whole content, is it possible to do that with grid? I also tried

1fr

1fr

but it doesn't work as I want