Я пытаюсь внедрить карусель с скользкой реакцией, но у меня возникают проблемы с получением изображения по центру. Эта проблема демонстрируется здесь.
https://codesandbox.io/s/react-slick-playground-o7dhn
Вот проблемы
Изображения не центрированы:
- Свойство Flexbox не работает (красный div - это flexbox с
justify-content: center;
align-items: center;) margin:auto работает только для горизонтального выравнивания (которое мне не нужно устанавливать, если я использую flexbox) - Я не могу избавиться от верхнего поля (даже с
padding:0px на div и margin-top:0px на изображении) Как следствие, любое изображение с высотой 400px или больше смещается и обрезается (div имеет высоту 400px)
Как это исправить.