feat(guide): add desktop screen warning [Codex] - #1347
Conversation
Show an explicit desktop requirement below the guide's minimum viewport and make keyboard focus clear for primary controls.
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
guide | 0e1954e | Commit Preview URL Branch Preview URL |
Sep 13 2026, 05:33 PM |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 7bb735a52d
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
Target CodeMirror's focused editor state so keyboard focus receives the intended visible indicator.
Guide Cloudflare deployment⛅️ wrangler 4.114.0
Total Upload: 0.31 KiB / gzip: 0.22 KiB To deploy this version to production traffic use the command wrangler versions deploy Changes to non-versioned settings (config properties 'logpush' or 'tail_consumers') take effect after your next deployment using the command wrangler versions deploy Changes to triggers (routes, custom domains, cron schedules, etc) must be applied with the command wrangler triggers deploy |
Cloudflare deploymentDeployement ID: 216a9a1b-3083-4c12-a7ea-ee99d00809d1 ⛅️ wrangler 4.114.0 ✨ Uploading _redirects |
The interactive guide requires a desktop workspace, but the existing narrow-screen fallback did not clearly communicate that product constraint. Keyboard users also relied on default browser focus styling for its primary controls.
The narrow viewport now displays an explicit desktop-browser requirement and keeps the interactive shell hidden. The guide adds visible focus rings for the theme toggle, lesson navigation, and editor. Viewport tests cover both sides of the 1024px threshold.