',
q: "What is wrong?",
opts: ["product.jpg doesn't look like a valid name", "The folder name is wrong — 'image' vs the actual folder name 'images' (plural)", "jpg files need a special tag"],
ans: 1,
exp: "File paths are exact. If your folder is named 'images', typing 'image' will fail. Computers don't guess — they need the exact spelling, including plural or capital letters.",
fix: '
'
},
{
level: 2,
intro: "A contact form on a business website collects names but doesn't know where to send the data.",
broken: "",
q: "What is the form missing?",
opts: ["The input needs an id", "The form has no action attribute — it doesn't know where to send the data", "Submit buttons need a class"],
ans: 1,
exp: "A form's action attribute tells the browser WHERE to send the collected data. Without it, the form just sits there and submits to nothing. For many small sites, this is handled by a form service.",
fix: ""
},
{
level: 2,
intro: "This CSS class name looks correct but is not matching the HTML element.",
broken: "CSS: .Navbar {\n background: #006B3F;\n}\n\nHTML: