👀 چطور تو ۱ ثانیه هر چیزی رو وسط صفحه بیارم؟
خداحافظ روش های قدیمی وسطچین کردن!👋🏻
📢فقط این ۳ خط رو به کانتینر والد بده:
.container {
display: flex;
justify-content: center؛
align-items: center؛ }
💡نکته: حتما دقت کن که کانتینر والد باید یک ارتفاع مشخص (مثل height: 100vh) داشته باشه تا وسطچین عمودی رو حس کنی🤓
سوال داری || از پشتیبانی بپرس👇
🆔 @Web_Block_Support
خوندن متن آموزش بالا چقدر طول کشید🧐
۳۰ ثانیه؟
۱ دقیقه؟
۲ دقیقه؟
من میگم
حداکثر ۶۰ ثانیه⏱
❗️واقعیت هم اینه که چنین آموزش های کوتاهی خیلی موثر از فیلم های چند ساعتس
اگر میخوای سایتت روی گوشی و تبلت و هر دستگاه دیگه ای عالی به نظر بیاد، باید با واحد rem رفیق بشی 🤝
⁉️تفاوت چیه؟
واحد px: یه واحد ثابت و سفت و سخته🪨
واحد rem: بر اساس سایز فونت ریشه (معمولاً تگ html) محاسبه میشه📐
💡 چرا rem بهتره؟
اگه کاربر تو تنظیمات مرورگرش سایز فونت رو بزرگ کنه، سایز سایت تو هم با rem به تناسب بزرگ میشه تا خوانایی حفظ بشه... اما با px همه چیز ثابته!!!
قانون طلایی🔑
برای سایز فونتها و فاصلهها سعی کن از rem استفاده کنی!
سوال داری || از پشتیبانی بپرس👇
🆔 @Web_Block_Support