With @create-container <sizes>;
you can define that a specific selector acts as a main container on your page (e.g. sidebar, content, header). As <sizes>
you set the size of this container as it will be in the rendered page, the syntax is the same as for the sizes
attribute for images.
With @container (<query>) {}
you can query against the size of the containers instead of the viewport. These queries will be translated to media queries with the container classes added.
- Doesn’t require a JavaScript runtime