فلکس باکس و کلوم و height
سوال جدیدسلام مجدد
بالا برای چینش پست ها کامنت گذاشته بودم
با دیسپلی در هر کاری کردم توی خط یکسان در نیومد کد رو از دیسپلی به کلوم تغییر دادم
اما سوال :
۱-چرا پست های جدید عمودی انتشار پیدا میکنند و چطور میشه جهتش از عمود به افقی تغییر کنه (پست “گاهی..” همون پست های جدید هستند که عمودی انتشار پیدا کردند نه کنار هم)
۲- و اما دومین سوال :
ویژگی aside اینا هستند
width: 26%;
float: right;
padding: 15px;
background: #3e3741;
چه جور مقداری height رو برای aside باید نوشت که هنگام زیاد شدن پست ها رنگ بک گراند aside از فوتر جدا نشه؟
مثلا الان ۳ تا پست دارم بک گراند aside به فوتر چسبیده وقتی ۱۰ تا پست بشه بک گراند aside از فوتر جدا میشه
هر چی درصدی عدد میزارم درست نمیشه با عدد های پیکسلی هم بعد گذاشتن پست های جدید هر دفعه هم باید یه مقدار بهش اضافه کرد هم ریسپانسیوش خراب میشه و انتها نداره توی گوشی
این هم کد قالب توی کد پن : https://codepen.io/hoseyni/pen/PXYPGa
در مورد سوال اولتون وقتی از column استفاده می شود همانطور که از اسم آن مشخص است، چینش به صورت ستونی ( عمودی) صورت می گیرد، اگر می خواهید عناصرتون به صورت افقی چیده شوند شاید بهتر باشه از روش دیگه ای استفاده شود،( با توجه به پست های شما که ارتفاع یکسانی ندارند یک روش می تونه همان استفاده از کتابخونه masonry باشد)
در مورد سوال دومتون هم یک روش استفاده از فلکس باکس هست به این صورت که برای #main-block مقدار display: flex تعیین کنید و می تونید flex-wrap: wrap را هم برای آن تنظیم کنید تا در حالت رسپانسیو هم درست نمایش داده بشه و اگر می خواهید ستون کناری در سمت راست قرار بگیرد برای aside مقدار order: -1 و برای حالت رسپانسیو آن در breakpoint مربوطه مقدار order: 0 قرار بدید.
از کدپن گفتیم استفاده کنید که کدهاتون رو بزارید اونجا. تا بچه ها بتونن روی کد بهتون توضیح بدند و راحت خطایابی کنند.