JSFiddle - React, Tailwind, and code Playground

HTML

Minimize and maximize you window using js fiddle scroll

JavaScript

var slider;    
function bxslider(){
            var width = $(document).width();
        if(width>555&&width<=765){
        slider=$('.bxslider2').bxSlider({
            minSlides: 2,
            maxSlides: 2,
            slideWidth:400,
            moveSlides:1
        });
        slider.reloadSlider();
    }
    if(width<=555){
        var slider=$('.bxslider2').bxSlider({
            minSlides: 1,
            maxSlides: 1,
            slideWidth:0,
            moveSlides:1
       });
       
    }
    slider.reloadSlider();
}
$(window).on("orientationchange load resize", function () {
    bxslider();
});