Breakpoints with Gap setting

[tomthor]

I wonder if it would be possible to add the ability to use different gap values using the same "breakpoint" method as the columns?

[askides]

Hi, what's your proposal?

Are you talking about something like this?

const breakpoints = [
  { size: 640, columns: 1, gap: "10px" },
  { size: 768, columns: 2, gap: "20px" },
  { size: 1024, columns: 3, gap: "30px" },
  { size: 1280, columns: 6, gap: "40px" },
];

[tomthor]

yes that's the kind of thing I had in mind

[askides]

Hello @tomthor, please check out the new v3.0.0 version just published. In addition to a number of performance and bundle size improvements, the problem you reported has been fixed, now you can pass responsive gaps!