سلام دوستان
کسی میتونه بگه 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 و بررسی کدهاش استفاده نمیکنید...؟
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟