Build a page from a screenshot

Purpose

Learn how well the model reads a visual reference and turns it into working code.

What you need

• One complete product screenshot.
• A simple frontend project or an empty HTML file.

Prompt

Build this screen as a working page. Match the layout, spacing, type, color, and responsive behavior. Use accessible HTML. Do not add features that are not visible.

What to observe

• Does the structure match the screenshot?
• Are spacing and proportions accurate?
• Does the model choose suitable HTML and CSS?
• Does the page remain usable on a narrow screen?