Breakpoints with Gap setting

Question

Breakpoints with Gap setting

tomthor opened this issue 2 years ago · comments

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

Renato Pozzi · Answer 1 · Thu May 26 2022 05:29:57 GMT+0800 (China Standard Time)

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" },
];

Tom Thor · Answer 2 · Sat May 28 2022 23:35:46 GMT+0800 (China Standard Time)

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

Renato Pozzi · Answer 3 · Sat Mar 04 2023 03:23:46 GMT+0800 (China Standard Time)

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!