function resizedw(){
$('.slider').slick('unslick');
$('.slider').slick({
slidesToShow: 3,
arrows: true,
dots: true,
speed: 5000,
autoplay: true,
pauseOnHover: false,
pauseOnFocus: false,
cssEase: 'linear',
autoplaySpeed: 0,
customPaging: function() {
return ''
},
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 500,
settings: {
slidesToShow: 1
}
}
]
});
}
let doit;
window.onresize = function(){
clearTimeout(doit);
doit = setTimeout(resizedw, 1000);
};
let ru = document.querySelector('#RU a');
let ua = document.querySelector('#UA a');
ru.addEventListener('click', function(e){
e.preventDefault();
this.style.color = 'tomato';
ua.style.color = '';
})
ua.addEventListener('click', function(e){
e.preventDefault();
this.style.color = 'tomato';
ru.style.color = '';
})
<div class="wrap">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
/*Грид применяется к родителю.*/
.wrap {
display: grid;
}
/* В одну колонку*/
.wrap {
grid-template-columns: 1fr;
}
/* В три колонки*/
.wrap {
grid-template-columns: 1fr 1fr 1fr;
}