نمایش عکس ها شبیه به پینترست

باید کد های مربوط به css رو تغییر بدی
تو height کارت ها از max-content استفاده کن و max-height و min-height تایین کن
بگو از flex استفاده میکنی یا grid تا کامل تر راهنمایی کنیم.

سلام @asp.gosk
از grid استفاده میکنم
نمیتونم از max-content استفاده بکنم چون هر تصویر ارتفاع خودشو داره تو اون عکسی که فرستادم ارتفاع تصویر یکسان هست اما در اصل تصاویر من و زیاده و هرکدوم ارتفاع متفاوت داره.

css خام استفاده میکنم

از پینترست اینسپکت گرفتم چیزی نفهمیدم احتمالا از یه تکنیک خاص استفاده کردن
یه راهی وجود داره که یکم Responsive سازیش پیچیدس. میتونی مثلا 4 تا ستون تعریف کنی و اون ها رو کنار هم قرار بدی و تصاویر(یا کارت تصاویر) رو تو اون ستون ها قرار بدی
منبع
کد این لینکی که دادم رو بررسی کنی میبینی که برای قرار دادن ستون ها کنار هم از Float استفاده کرده تو میتونی ستون ها رو تو یه div قرار بدی و بهش display flex یا grid بدی.
البته اگه محتوا سایتت داینامیک باشن و قراره از دیتابیس خونده بشن foreach کردن اطلاعات تو ستون ها خیلی دردسر داره

سلام @asp.gosk
ممنون این لینکی که دادین رو نگاه کردم قبلاً هم دیده بودم .
بله درست میگید . من میخواستم از روش همین لینک استفاده کنم ولی foreach اطلاعات بلد نیستم یعنی نمیدونم چه جوری توی لاراول foreach رو برای هر ستون بزنم.
اگه میتونید راهنمایی کنیدم لطفاً راهنمایی کنید. ممنون