TailwindCSS를 사용하여 이미지를 연속적으로 동일한 크기로 설정할 수 없습니다.

Question

TailwindCSS를 사용하여 페이지 디자인을 만들고 있습니다. 구성요소와 이미지를 같은 크기로 설정할 수 없습니다.

Flex, Wrap, div 또는 이미지의 너비 변경 등 몇 가지 조합을 시도했지만 해결책을 찾을 수 없습니다. 내가 원하는 결과는 각 영화에 다음과 같은 이름을 가진 동일한 크기의 이미지가 포함된 동일한 크기의 직사각형이 포함된다는 것입니다. 또한 오버플로의 경우 x 스케일에서는 스크롤할 수 있지만 y 스케일에서는 스크롤할 수 없기를 원합니다. 나는 그것을 할 수 있었지만 그것을 유지하고 올바른 크기도 가져야 합니다.

이미지를 다음과 같이 표시하고 싶습니다. (https://i.stack.imgur.com/16C7M.jpg) 하지만 이제는 다음과 같이 보입니다: (https://i.stack.imgur.com/8L0sD.png).

한 이미지의 코드는 모든 이미지에 동일하며, 이미지 링크와 이름만 변경됩니다. 이미지 코드:

으아아아

다음 코드에는 이전 코드가 포함되어 있습니다.

으아아아

도와주셔서 감사합니다