Prefer semantic elements
Use headings, navigation, sections, lists, buttons, forms, and landmarks where they match the visible purpose. Semantic markup improves accessibility, maintainability, and search understanding.
Recreate responsive intent
A single source image cannot show every breakpoint. Describe how columns, navigation, cards, and typography should adapt on smaller screens.
Avoid brittle output
Review absolute positioning, hard-coded dimensions, excessive wrapper elements, duplicated CSS, and inaccessible click targets. Replace brittle visual hacks with normal layout systems such as grid and flexbox.