FR Desk

Read one row of a CSS layout and see where the width actually went. `1fr` is not a share of the container - it is a share of what is LEFT after the gutters and the fixed tracks - and a bare `1fr` is `minmax(auto, 1fr)`, so it has a content floor it never declared. Five lanes over one layout sheet: plan a row that fits, audit what each track resolves to and which one is taking the room, work out where the container width went, see what hiding each part really does to the rest, and sort what to change into a floor, a resize or a part fewer - plus a free browser-side engine that runs the real track-sizing algorithm, iterated clamp-up pass and all. Derived from the agent-sessions-layout skill in microsoft/vscode (https://github.com/microsoft/vscode) and the tailwind-design-system skill in wshobson/agents (https://github.com/wshobson/agents). Not affiliated with or endorsed by Microsoft, by wshobson or by the CSS Working Group.

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.