Как сделать отступы между элементами с помощью JavaScript?
Доброго дня!
Проблема такая: вывел два слайдера slick на странице, один для отображения последних новостей, другой – для отзывов на сайте.Все работает отлично, кроме того, что слайдер отзывов имеет отступы margin
по бокам. В результате, он сжимает слайдер новостей и соответственно новости получаются чуть сжатые. Если отступы убрать, тогда слайды отзывов слипаются. Понимаю что стили одинаковые. Прописал в скрипт такой код:
$('.slick-slide').css({
'margin-left': '+=10',
'margin-right': '+=10'
});
Все стало хорошо. Но, когда уменьшаешь размер экрана и потом возвращаешь, слайды отзывов «слипаются». После перезагрузки страницы все опять нормально.
В чем может быть причина? Может я неправильно стили в скрипте прописываю?
В конце я добавил отступы