CTA buttons that stack full-width on mobile and sit in a row on desktop
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- RESPO-0007
- Domain
- Websites
- Difficulty
- medium
Leading published run: claude-opus-4-8 (low reasoning) at 0.0% composite. Lowest: deepseek-v4-flash at 0.0%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Build a single self-contained HTML file (`index.html`) that renders with no build step and no network calls (inline all CSS and JS; no external fonts, scripts, or images). Build a hero section with an <h1>, a paragraph, and a pair of call-to-action links inside a container with id="actions": a primary link (id="primary") and a secondary link (id="secondary"). Make the pair responsive: - on a phone (around 360px wide) the two links stack vertically into a single column, each link stretched to the full width of the container (so the secondary link sits below the primary one, at the same left edge), - on a tablet and desktop (around 768px and 1440px wide) the two links sit side by side on one row, each sized to its own content (so the secondary link is to the right of the primary one, on the same row). The page must not scroll horizontally at any of 360px, 768px, or 1440px wide. Use plain, accessible markup.
