ABOUTCODEX / PRACTICE PROJECTS

Small projects. Real practice.

Download a controlled exercise, try the workflow, and compare your result with explicit acceptance checks.

Beginner / PRACTICE 01

Your first useful Codex task

Access to Codex and a disposable folder. No coding experience needed for the documentation exercise.

You will produce: a brief that separates known facts from missing inputs.

Download practice ZIP ↓

v1.0.0 · 6 files · MIT license · 3 KB

What is included?

Instructions, acceptance checks, starter files, and a separate sample solution. Use a disposable folder or test site.

SHA-256: 6b760ba7d453d4affe615c6e13ebefede0bfdfd9630dacf5e06b80f18982e929

Follow the connected lessons · Companion skill

WordPress / PRACTICE 02

Improve a WordPress page with evidence

A disposable WordPress site, access to its editor and CSS, and a browser.

You will produce: a scoped layout fix and a before/after check.

Download practice ZIP ↓

v1.0.0 · 6 files · MIT license · 3 KB

What is included?

Instructions, acceptance checks, starter files, and a separate sample solution. Use a disposable folder or test site.

SHA-256: bd92c52fabf80c7305b9d460f5e553a73f6b93df01dfb20b940c6632741bd3ff

Follow the connected lessons · Companion skill

Developer / PRACTICE 03

Reproduce, fix, and verify a bug

Python 3.10+ and a disposable folder. Basic familiarity with running commands.

You will produce: a small patch and a passing regression suite.

Download practice ZIP ↓

v1.0.0 · 5 files · MIT license · 2 KB

What is included?

Instructions, acceptance checks, starter files, and a separate sample solution. Use a disposable folder or test site.

SHA-256: 14878d4dc5b8a15bc71bbbb601a1204442b5f1097b2335d02367d896a3dd8cfb

Follow the connected lessons · Companion skill

WordPress layout: inspect the difference

This teaching fixture deliberately uses fixed-width columns. The corrected version uses flexible columns and a mobile breakpoint; the native block content stays the same.

Open the faulty fixture · Open the corrected fixture

Faulty mobile fixture: fixed-width cards run off the right edge.
Before: ① Only the first card is visible; two fixed-width columns sit beyond the right edge.
Corrected mobile fixture: readable cards stack within the screen.
After: ② Flexible columns stack without horizontal overflow.
Text walkthrough and expected result
  1. Before: three fixed 360px columns exceed a narrow viewport, pushing cards outside the page.
  2. After: flexible columns fit a wide view and stack into one column below 780px.
  3. Verify: read all three cards, follow a link, and check focus with the keyboard. Compare a neighboring page to ensure the CSS stayed scoped.