Почему slick-slider задает слайдам бесконечно огромную ширину?

Question

[Dymok]

Задача такова: левой части с заголовком нужно задать ширину в 510px, правая со слайдером должна занимать все оставшееся пространство.
Делаю так:

.feedback {
  padding-top: 130px;

  &__row {
    align-items: center;
  }

  &__left {
    min-width: 510px;
    margin-right: 30px;
    flex: 0 0 510px;
  }

  &__right {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
  }

}

но правый блок растягивается дальше .row и .container, почему?



без инициализации слайдера все хорошо:

Comments

[Виталий Першин]

Наверно вы слайдер поместили в безразмерный flex или grid контейнер?

Answer 1

[Dymok]

Помогло решение из этого вопроса.
К сожалению, не знал, что проблема именно в flex-контейнере, иначе бы сразу нашел ответ.
Почему во flex контейнере слайдер не правильно считает ширину?

Answer 2

[Евгений]

.feedback__right {
width: 100%;
}

Comments

[Dymok]

Близко к тому, что нужно, но по сути задача такова, что:
левый блок с заголовком должен быть шириной 510px, правый со слайдером должен занимать все оставшееся пространство.
Задаю так:

.feedback {

  &__row {
    align-items: center;
  }

  &__left {
    min-width: 510px;
    margin-right: 30px;
    flex: 0 0 510px;
  }

  &__right {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
  }

}

и проблема остается той же