کارت های وبسایت راکت

عکسایی که استفاده شده شما می تونی از background-image: url() , background-size:cover
قابلیت css استفاده کنی که اگر عکسی بزرگتر بود از اون اندازه ای که برای کارتت مشخص کردی بیرون نزنه و در قسمت محتوا و متنی می تنونی از جاوا اسکریپت استفاده کنید بیاد محتوا رو بشمره و از یه تعداد مشخص ... قرار بده

با فلکس خیلی ساده میتونی هندلش کنی

.row {
  display: flex; 
}

.col {
  flex: 1; 

  padding: 1em;
  border: solid;
}

<div class="row">
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis quae expedita ipsum nobis praesentium velit animi minus amet perspiciatis laboriosam similique debitis iste ratione nemo ea at corporis aliquam.</div>
</div>

برای یادگیری خصوصیت flexbox وقتی رو بزارید. این مورد هم به کمک این خصوص قابل پیاده سازی هستش.

مثال عملی، در پاسخ به سوال شما:
https://mono.software/2020/07/29/equal-height-cards-with-flexbox/

متوجه نشدم به کجا اشاره کردید ولی با توصیفی که کردید، همون طوری که سایر دوستان هم اشاره کردند به نظر می‌‌رسه حرفه ای ترین روش استفاده از flexbox باشه.

ولی یک نکته که برام عجیبه این هست که اگر در حال تمرین برنامه نویسی و طراحی وب هستید، چرا خیلی ساده از inspect و بررسی کدهاش استفاده نمی‌کنید...؟