웹 페이지를 만드는 중인데 문제가 발생했습니다. 내 페이지의 Flex에 4개의 이미지가 표시됩니다. "검사"를 클릭하고 다른 장치에 어떻게 나타나는지 확인하면 상단 이미지에 2개, 하단에 2개 이미지가 더 있습니다. 여기에 이미지 설명을 입력하세요

하지만 돌아가서 노트북에 표시하면 상단에 3개의 이미지, 하단에 1개의 이미지가 표시됩니다. 여기에 이미지 설명을 입력하세요

항상 첫 번째 사진의 이미지(상단 2개, 하단 2개)가 표시되도록 수정하려면 어떻게 해야 하는지 알고 싶습니다.

이것은 내 코드의 일부입니다

img { width: 350px; padding: 5px; transition: transform .2s; } img:hover { cursor: pointer; transform: scale(1.03); } .container { margin-top: 80px; display: flex; max-width: 1500px; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; }