How add spaces between Slick carousel item

Question

I want to add space between two slick carousel items, but not want the space with padding, because it\'s reducing my element size(and I don\'t want that).

Answer 1

Add

centerPadding: '0'

Slider settings will look like:

$('.phase-slider-one').slick({
     centerMode: true,
     centerPadding: '0',
     responsive: [{breakpoint: 1024,},{breakpoint: 600,},{breakpoint: 480,}]
});

Thank you