Ask your AI Ask your AI to turn this code into a guided bug-finding exercise.
Claude ChatGPT I am reading "A card should adapt to the width of its reusable panel, not the whole viewport. Which mechanism best preserves that contract?" on CodeWiki (https://codewiki.com/practice/mcq/frontend/checkpoint-1/checkpoint-1-fix/).
Context (verbatim from the page):
"""
A card should adapt to the width of its reusable panel, not the whole viewport. Which mechanism best preserves that contract?
Declare a query container and use a container query.
Choose a device name and add a viewport media query for it.
Read `window.innerWidth` once and add permanent inline styles.
"""
Introduce three subtle bugs into the example above and let me find them. Reveal each answer only after I have guessed.
Answer in English. Keep code examples in Frontend. Where you are unsure, say so.