react-grid-carousel icon indicating copy to clipboard operation
react-grid-carousel copied to clipboard

Grid gap is provided also for the first and the last item in a row. How do you override that?

Open kingmaker9841 opened this issue 5 years ago • 3 comments

kingmaker9841 avatar Nov 03 '20 06:11 kingmaker9841

Not really sure what do you mean. For default usage, it doesn't apply the gap to start of the first item and end of the last item, which will be like 截圖 2020-11-07 下午11 09 22

If you want to add some space for that, just add some margin to carousel item 截圖 2020-11-07 下午11 10 49 here is the example: https://63nui.csb.app/ https://codesandbox.io/s/quirky-forest-63nui?file=/src/App.js

x3388638 avatar Nov 07 '20 15:11 x3388638

I think this one might refer to the 20px margin on the far left and far right on one of the containers. I ran into that myself but have just offset it with a containerStyle on the main container: <Carousel cols={4} rows={2} containerStyle={{margin: '0 -20px'}}>

Great component @x3388638 works well thank you!

bazw avatar Mar 22 '21 04:03 bazw

your comment saved me @bazw

Charnchon avatar May 24 '21 07:05 Charnchon