Ask your AI Ask your AI to turn this code into a guided bug-finding exercise.
Claude ChatGPT I am reading "A Tailwind class `md:grid-cols-3` is present. When does it apply under the default mobile-first responsive model?" on CodeWiki (https://codewiki.com/practice/mcq/frontend/checkpoint-2/checkpoint-2-fix/).
Context (verbatim from the page):
"""
A Tailwind class `md:grid-cols-3` is present. When does it apply under the default mobile-first responsive model?
At the `md` minimum width and wider
Only at one exact `md` pixel width
Below the `md` breakpoint only
"""
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.