How can i make slick slider in two columns first column width is 30% and second column width 70%

`$(‘.home-slider’).slick({
dots: false,
infinite: true,
speed: 1000,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
adaptiveHeight: true,
nextArrow: ”,
prevArrow: ”,

});

$('.home-slider').on('setPosition', function (event, slick, currentSlide, nextSlide) {
    var window_width = screen.width;
    var first_slid = ( window_width * 30 ) / 100;
    var second_slid = ( window_width * 70 ) / 100;

    $('.home-slider .slick-track').children('.slick-slide.slick-active').css('min-width', second_slid);
    $('.home-slider .slick-track').children('.slick-slide.slick-active').css('width', second_slid);
    $('.home-slider .slick-track').children('.slick-current.slick-active').css('min-width', first_slid);
    $('.home-slider .slick-track').children('.slick-current.slick-active').css('width', first_slid);
});`

I have tried this code but the slides are jerking after scroll.