Как можно адаптировать слайдер с двух слайдов в 1 с помощью jquery?

Question

[Marek_G]

Только вникаю в js jquery, сделал адаптивность с помощью функции resize, но он адаптирует после перезагрузки.
var $document = $(this),
$window = $(window);

$window.on( 'resize', function() {
console.log( this.innerWidth );
} )

var options = {
prevNextButtons: true,
pageDots: false
};
if ( matchMedia('screen and (min-width: 768px)').matches ) {
options.prevNextButtons = true;
options.groupCells = 2;
}
else {
options.groupCells = 1;
}

// disable draggable at 1200px
if ( matchMedia('screen and (min-width: 1200px)').matches ) {
options.draggable = false;
}

$('.carousel').flickity( options );

нужно упростить адаптативность как при обычном уменшении