Çektiği verilerin sayısına göre listeleme yapıyor. Css de bir değişiklik yapmanız işlevselliği değil sadece görünüşü değiştirir. Css betik bir dildir. Html hiyerarşisine göre Css kodlanır. Belirli sınıflar belirli elementlere verilmiştir. Ben değişiklik yapacağım elementin sınıfını öğrenmek için sizden adres istedim. Görünüm ile alakalı bir sorun olduğu için sadece Css değişikliği ile istediğiniz görünümü elde ettiniz.

Merak ediyorsanız detaya da ineyim;

Bahsettiğiniz listelemede resimlere width değeri verilmiş fakat height değeri verilmemiş. Bu durumda resmin genişliğine göre yüksekliği otomatik verilir. Eğer geniş bir resim ise yüksekliği zaten az olduğu için sığdırma esnasında dolayısıyla yüksekliği düşecektir. İnce uzun resimlerde yükseklik problemi yaşanmayacaktır. Biz burda height değeri ile hepsine fix bir yükseklik verdik. Daha sonra object-fit:cover ile resmin asıl yükseklik ve genişlik değerlerindeki ornatının bozulması ile ortaya çıkan pixelleşme veya kötü görünümü giderdik. Object-fit:cover resmin ana boyutundaki orantıyı bozmadan sadece uzaklaştırma ve yakılaştırma yaparak belirlediğimiz genişliğe ve yüksekliğe sığdırmakta.