سلام دوباره

میخواستم حل یکی دیگه از مشکلاتی که برام پیش اومد رو باهاتون در میون بذارم

اون جوری که استاد در ویدئو گفتن وقتی ما برای یک رزولوشن از col استفاده نکنیم برای اون از col در رزولوشن قبلی استفاهه خواهد شد

ولی من هر کار می‌کردم اعمال نمیشد و توی منطق خودمم جای نیوفتاده بود که چرا باید اعمال بشه یعنی مثلا:

<div class="col-xs-12 col-s-12 col-l-6 col-xl-3">div>

در این مورد چون برای md هیچ چیز تعریف نکردیم باید مقدار خودش رو از s بگیره

اما واسه من اعمال نمیشد

به این نتیجه رسیدم که نباید در تعریف media query‌ها از یه رنج خاص استفاده کنم بلکه باید حداقل عرض رو در نظر بگیرم ولی حداکثر رو نه

حالا این چجوری مشکل رو حل میکنه مثلا:

@media only screen and (min-width:600px){...}

در این مورد چون گفتیم مقدار s از 600px شروع میشود به بعد

یعنی اگر برای مقدار‌های بعدی col مشخص نکنیم چون شرط s برقرار است استایل مربوط به اون در نظر گرفته میشود ولی اگر col در نظر بگیریم این مقدار بر مقدار s اولویت دارد و اون رو خنثی میکنه

امیدوارم براتون مفید بوده باشه (: