Container Utilities

The css.container utility works just like css.media, but targets CSS container queries instead of viewport media queries.

• Same function names: minWidth, maxWidth, range, etc.
• Accepts number (auto-suffixed with px) or string
• Can be used as a selector key:

  [css.container.minWidth(600)]: {
    display: "grid"
  }

📘 API

The following functions mirror those in css.media, but use @container rules:

🔗 Related