Fix responsive layout and block positioning #12

Open
opened 2026-05-18 22:07:03 +00:00 by NW · 0 comments
Owner

Problem

Landing page has fixed-size canvas, !important grid hacks, and inconsistent footer between two page versions.

Affected Files

  • landing/src/index.html (demoCanvas, footer)
  • landing/src/desktop-fix.css
  • landing/src/style.css
  • website/ (footer variant)

Issues Found

Issue Location Detail
Fixed demoCanvas index.html line ~340 width="1000" height="500" — not responsive
!important grid hacks desktop-fix.css Forces Bootstrap grid with !important overrides
Footer inconsistency landing/src/ vs website/ Different HTML structure, links, and content between two footer versions

Acceptance Criteria

  • desktop-fix.css removed entirely — proper CSS overrides in style.css
  • Zero !important declarations in any layout-related CSS
  • demoCanvas uses responsive sizing (CSS width: 100%; max-width: 1000px; height: auto;)
  • Canvas aspect ratio preserved on all viewport widths
  • Footer content identical between landing/src/ and website/ (single source of truth)
  • All Bootstrap grid classes work without !important overrides
  • No horizontal overflow on viewports ≥ 320px
  • Lighthouse Performance score ≥ 85 for the landing page

Labels

type::bug, priority::high, status::new, workflow::landing

## Problem Landing page has fixed-size canvas, `!important` grid hacks, and inconsistent footer between two page versions. ## Affected Files - `landing/src/index.html` (demoCanvas, footer) - `landing/src/desktop-fix.css` - `landing/src/style.css` - `website/` (footer variant) ## Issues Found | Issue | Location | Detail | |-------|----------|--------| | Fixed demoCanvas | `index.html` line ~340 | `width="1000" height="500"` — not responsive | | `!important` grid hacks | `desktop-fix.css` | Forces Bootstrap grid with `!important` overrides | | Footer inconsistency | `landing/src/` vs `website/` | Different HTML structure, links, and content between two footer versions | ## Acceptance Criteria - [ ] `desktop-fix.css` removed entirely — proper CSS overrides in `style.css` - [ ] Zero `!important` declarations in any layout-related CSS - [ ] `demoCanvas` uses responsive sizing (CSS `width: 100%; max-width: 1000px; height: auto;`) - [ ] Canvas aspect ratio preserved on all viewport widths - [ ] Footer content identical between `landing/src/` and `website/` (single source of truth) - [ ] All Bootstrap grid classes work without `!important` overrides - [ ] No horizontal overflow on viewports ≥ 320px - [ ] Lighthouse Performance score ≥ 85 for the landing page ## Labels type::bug, priority::high, status::new, workflow::landing
NW added this to the Landing Refactoring 2025 milestone 2026-05-18 22:07:03 +00:00
NW added the status::newpriority::hightype::bugworkflow::landing labels 2026-05-18 22:07:03 +00:00
Sign in to join this conversation.