Skip to content

Improve 404 page design mobile#487

Closed
Sufiyan-MSA wants to merge 2 commits intonumfocus:mainfrom
Sufiyan-MSA:improve-404-page-design-mobile
Closed

Improve 404 page design mobile#487
Sufiyan-MSA wants to merge 2 commits intonumfocus:mainfrom
Sufiyan-MSA:improve-404-page-design-mobile

Conversation

@Sufiyan-MSA
Copy link

Fixes #469

Improves the 404 error page to be more welcoming, accessible, and visually consistent with the DISCOVER Cookbook.

  • Design: Align colors and typography with the book theme (accent #e89217, neutral palette).
  • Responsiveness: Breakpoints for tablet (768px), mobile (480px), and small phones (320px); flexible layout and stacked buttons on narrow viewports.
  • Accessibility: ARIA labels, visible focus styles, and prefers-reduced-motion support.
  • Other: Semantic <main>, secure external link (rel="noopener noreferrer"), and Windows nul added to .gitignore.

- Align colors and typography with DISCOVER Cookbook theme (accent #e89217, neutrals)
- Add responsive breakpoints for tablet (768px), mobile (480px), small phones (320px)
- Use flexible layout: clamp() for font sizes, full-width card on small screens
- Improve accessibility: ARIA labels, focus styles, prefers-reduced-motion support
- Add semantic main/role and secure external link (rel=noopener noreferrer)
- Stack action buttons vertically on narrow viewports for better touch targets

Fixes numfocus#469

Made-with: Cursor
@netlify
Copy link

netlify bot commented Feb 28, 2026

Deploy Preview for stupendous-kringle-a86e81 failed.

Name Link
🔨 Latest commit c9d6770
🔍 Latest deploy log https://app.netlify.com/projects/stupendous-kringle-a86e81/deploys/69a293dc8141e4000869e224

@Sufiyan-MSA
Copy link
Author

The Netlify deploy failure may be related to existing build/dependency issues (#438, #449). My changes only touch DISCOVER/404.html and .gitignore; the 404 page is static and doesn’t affect the Sphinx build

@AR21SM
Copy link
Member

AR21SM commented Mar 1, 2026

Thank you for the contribution! It really looks nice, but closing this in favor of #472.

@AR21SM AR21SM closed this Mar 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]: Improve 404 Page Design and Mobile Responsiveness

2 participants