@container
Term side of the Card
Topic: Directives
Unit title: @container
Categories: Directive
Explanation side of the Card
Explanation: The directive used to apply styles based on the size of an element's container, not the viewport. It helps create responsive designs that adapt to different container sizes, providing more flexibility in layout adjustments.
Browser compatibility:
- The chrome browser supports this feature starting from version 105
- The edge browser supports this feature starting from version 105
- The firefox browser supports this feature starting from version 110
- The safari browser supports this feature starting from version 16
Availability: