将 React 中的轮播图像与外部组件对齐

Question

我正在使用库react-multi-carousel，但是，我在对齐图像时遇到困难，因此第一张图像的左边框与外部的项目对齐，在本例中为h2，如下所示：

最后一张图像的右边框与外部元素对齐，在本例中是“商店”按钮，如下所示：

这是指向 CodeSanbox 的链接。这可能与该库有关吗？

Answer 1

这可能有帮助

.react-multi-carousel-track {
    gap: 0.5rem;
}

.card img {
    width: 100%;
    height: 30vh;
    object-fit: cover;
}

.react-multiple-carousel__arrow {
    transform: translateY(-20px);
}