Почему Flex приводит к сжатию нескольких изображений? ⇐ CSS

[Anonymous]

Я хочу создать карусель изображений одинакового размера с помощью Tailwind CSS. Я хочу, чтобы 5 изображений находились рядом друг с другом, чтобы зритель мог прокручивать их влево и вправо, чтобы увидеть изображения. Когда изображения были импортированы без Flex, они соответствовали максимальной ширине, которую я установил заранее. однако после внедрения Flex изображения стали располагаться рядом, но их ширина уменьшилась.
В моем пробном варианте я просто использую одно и то же изображение 5 раз. Я установил максимальную ширину контейнера 1200 пикселей. При импорте изображения я установил для него значение w-full, и каждое изображение успешно соответствует требованию 1200 пикселей. Однако, когда я помещаю Flex, изображения размещаются рядом друг с другом, но с уменьшенным размером.
Как вы можете видеть на первом изображении, **before **Flex правая часть изображения находится непосредственно под буквой O в «Наша программа».
перед flex
но после Flex< /code> ширина первого изображения достигает только буквы A в разделе «О нас».
после гибкого изменения
Как мне предотвратить это? Я не хочу, чтобы изображение уменьшалось. Я также написал Shrink-0
Вот как я написал программу:

{/* Class: Slider-wrapper */}
{/* Class: Slider */}








Подробнее здесь: https://stackoverflow.com/questions/784 ... -to-shrink