جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
MR DellAshoob
3 سال پیش توسط MR DellAshoob مطرح شد
5 پاسخ

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

سلام دوستان
کسی میتونه بگه card های راکت چطور درست شده که اگر توی یک کارت محتوایی بیشتر از کارت های کناریش باشه، کارت های کناریش هم به همون اندازه ارتفاع پیدا میکنند تا کوچیک بزرگ نشن و بهم بریزن؟؟!
برای تمرین هست اما خیلی درگیرشم ممنون میشم بگید
@hesammousavi
@nimageneral
@bamdad
@mhyeganeh
@SobhanDadkhah


ثبت پرسش جدید
Platin
@platinstudioir 3 سال پیش مطرح شد
-2

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


محمد عابدی
تخصص : Senior Web Developer
@abedim910 3 سال پیش آپدیت شد
1

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

.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>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
1

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

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام