v150 · CSS

Authoring Studio

Build a comma-separated @container rule visually — add named container conditions, set breakpoints, choose the triggered CSS property, and preview it live by dragging a width slider. Generates a copyable CSS block.

Rule builder

Container names in the comma-separated list

On match, apply

Property

Preview container width

350px

Live preview checking CSS parser

Component

Responds to container width

default

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗