Mobile card view with grid-on-desktop

Live in demo 81-mobile-card-view.

When

Same data, two layouts. Auto-pivot below 720px or force one via a toolbar switch.

How

Key API surface:

• window.innerWidth listener
• shared $state array between the two views

See the demo source for the full implementation; this recipe pins the pattern + the surface so you can copy-paste it confidently. The doc page that explains the underlying feature in depth is linked from the recipes index.

See also

• Demo 81-mobile-card-view source
• Demo 81-mobile-card-view prompt sidecar - drop into an LLM context window
• Recipes index