استعلام الحاوية

الاستعلام @media يسأل عن عرض الشاشة، لكن البطاقة نفسها قد تظهر في عمود ضيّق وفي مساحة واسعة داخل الصفحة نفسها، وعرض الشاشة لا يكشف هذا الفرق.

أما @container فيسأل عن عرض الحاوية، فتعلن أن العنصر حاوية بـ container-type: inline-size، ثم تكتب قواعد تُطبَّق بحسب عرضه هو.

وهذا تغيير كبير، لأن المكوّن يصبح مستقلًّا عن مكانه، فتكتبه مرة واحدة وتضعه أينما شئت.