کارت های وبسایت راکت
سلام دوستان
کسی میتونه بگه card های راکت چطور درست شده که اگر توی یک کارت محتوایی بیشتر از کارت های کناریش باشه، کارت های کناریش هم به همون اندازه ارتفاع پیدا میکنند تا کوچیک بزرگ نشن و بهم بریزن؟؟!
برای تمرین هست اما خیلی درگیرشم ممنون میشم بگید
@hesammousavi
@nimageneral
@bamdad
@mhyeganeh
@SobhanDadkhah
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
عکسایی که استفاده شده شما می تونی از 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 و بررسی کدهاش استفاده نمی‌کنید...؟