Semantics · 01
Untangle the div soup
The interface looks fine, but to the browser it is a pile of anonymous containers.
What to do
- Turn “Shopping list” into a native HTML heading.
- Turn the items into one list with proper list items.
- Replace the “Add item” action with a native button.
Result
Run the checks
Edit the HTML and select “Check solution”. The preview updates automatically.
If you are stuck
The styles are already attached to classes. You usually only need to change the opening and closing tags.