Recreate a Card Interface from a Screenshot

Build a frontend component that matches a supplied screenshot of a card containing badges or chips. Explain how you would infer layout and tokens, implement the component accessibly, and verify visual fidelity within a short coding session.

Constraints & Assumptions

• The screenshot is the visual source of truth, but hidden interaction and responsive behavior must be clarified.
• Use semantic elements and keyboard-visible focus when controls are interactive.
• Do not hard-code the entire screenshot as an image.

Clarifying Questions to Ask

• Which viewport and pixel density define the reference?
• Are chips interactive, removable, or purely informational?
• What should happen when labels wrap or content is longer than shown?