• Ломается верстка при подключении Slick слайдера?

    @ph0en1x_48 Автор вопроса
    Вроде кое как удалось добится приблизительного результата не ломая верстку, но до идеала еще далеко. Теперь почему-то слайдер создает белую полосу сбоку и виден кусочек следующего слайда.
    Код изменился на следующий.
    .wrap {
        flex: 0 0 50%;
    }
    .section-block1-content {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
    }
    .section-block1-cards {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        flex: 0 0 50%;
        //max-width: 50%;
    }
    .block1-card {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
        h4 {
            font-size: 20px;
            font-weight: 400;
        }
        p {
            font-size: 16px;
            font-weight: 400;
            line-height: 1.7em;
            color: #727a82;
        }
    }
    .section-block1-image {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
        //max-width: 40%;
    }
    @media screen and (max-width: 900px) {
        .wrap {
            flex: 0 0 100%;
            width: 100%;
        }
        .section-block1-cards {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .section-block1-image {
            display: none;
            margin: 0 auto;
            text-align: center;
        }
        .block1-card {
            text-align: center;
            margin: 0 auto;
        }
    }

    if ($(window).width() < 769) {
    		$('.section-block1-cards').slick({
    			lazyLoad: 'ondemand',
    			centerMode: true,
    			slidesToScroll: 1,
    			autoplay: true,
    			autoplaySpeed: 2000,
    			responsive: [
    				{
    					breakpoint: 767.98,
    					settings: {
    						slidesToShow: 2,
    						centerMode: true,
    					}
    				},
    				{
    					breakpoint: 425,
    					settings: {
    						slidesToShow: 1,
    						centerMode: true,
    					}
    				}
    			]
    		});
    	}

    600edcb481aed180864108.png
  • Ломается верстка при подключении Slick слайдера?

    @ph0en1x_48 Автор вопроса
    Максим Иванов, ну условие подразумевало что слайдер будет отображаться на мобильном экране (значение написано пока временно), но даже если его и убрать то он тогда верстку ломает в принципе на любом экране. В таком случае библиотека сжирает почему-то весь блок, хотя не должна так делать. И получается вместо этого 600b2a704e428278830385.png
    вот это
    600b2ab3e65e1418770399.png