Container Queries: die Komponente, die ihren Container kennt, nicht den Viewport
Dieselbe Produktkarte sieht im Grid großartig aus und bricht in der schmalen Sidebar zusammen – trotz sorgfältig gewählter Media Queries. Das Problem liegt nicht in deinem Code, sondern in der Frage, die eine Media Query überhaupt stellt: nach der Bildschirmbreite, nicht nach dem Platz, den die Komponente tatsächlich bekommen hat. Ich schaue mir an, wie Container Queries diese Frage dorthin verlagern, wo sie von Anfang an hingehört, und was unter der Haube wirklich passiert, wenn ein Element zum „Query-Container" wird.
