Container queries بالاخره در همه مرورگرهای اصلی پایدار شدهاند. کامپوننت دیگر به عرض viewport وابسته نیست و به عرض ظرف خودش واکنش نشان میدهد.
کارت دوره در گرید سهستونه و در ستون کناری چکاوت میتواند چیدمان متفاوتی داشته باشد بدون آنکه media query سراسری بنویسید.
در عمل هنوز ترکیب container query با Tailwind نیاز به کلاسهای arbitrary دارد. برای این نسخه از گرید واکنشگرا استفاده شده تا بدون وابستگی اضافه، چیدمان در موبایل نشکند.
اگر کارت محصول را بعداً داخل سایدبار هم گذاشتید، container-type: inline-size نقطه شروع درست است.


