В данном контексте - значительный (показательный)
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/media.css">function myFunc (acc, curr) {
return acc.concat(curr);
}let arrays = [[1, 2, 3], [4, 5], [6]];
let initialValue = [];
function myFunc (acc, curr) {
return acc.concat(curr);
}
let result = arrays.reduce(myFunc, initialValue);
console.log(result);
А давайте поговорим не о сферических отступах в вакууме, а предметно, на конкретном примере. Вот я даже не поленился сделать его:
https://codepen.io/anon/pen/NVygjd
Для наглядности проблемы заданы жесткие размеры:
картинка 200 в ширину
промежуток 20 пикс
кол-во отображаемых слайдов — 3
отсюда ширина слайдера 200*3+20*2 = 640 пикс
Также для наглядности убран overflow и раскрашены фоны слайдов.
В идеале в видимой части слева и справа не должно быть видно фона слайдов, а промежутки между картинками должны быть ровно 20 пикс, причем по 10 от каждого слайда.
Дерзайте, умный вы наш
PS/ Решение есть, и я писал об этом выше, если внимательно читаете, а не только спорите.