Skip to content

Stack the article phones and keep the narrow header on one row. - #28

Merged
Fremen1990 merged 2 commits into
mainfrom
fix/narrow-screens-and-header
Oct 6, 2026
Merged

Fremen1990 merged 2 commits into
mainfrom
fix/narrow-screens-and-header

Conversation

@Fremen1990

Copy link
Copy Markdown
Owner

Summary

  • Below 720px the three Car Brain screens stack, centered, instead of scrolling sideways off the page.
  • Below 640px the header stays one row: brand, then EN/PL, theme, and Menu. The second language row is gone in both skins.
  • Blog and localization tests check the column of screens and the single header row.

Test plan

  • Unit tests, typecheck, and lint
  • Playwright blog and localization suites (60 passed)
  • Checked 320px and 390px: phones stack inside the viewport, header controls sit on one row and do not overlap
  • CI green, then squash-merge

Made with Cursor

Fremen1990 and others added 2 commits October 6, 2026 13:57
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@Fremen1990
Fremen1990 merged commit 5c4dc76 into main Oct 6, 2026
6 checks passed
@Fremen1990
Fremen1990 deleted the fix/narrow-screens-and-header branch October 6, 2026 12:24
github-actions Bot pushed a commit that referenced this pull request Oct 6, 2026
…on one row. (#28)

* Stack the article phones and keep the narrow header on one row.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Keep the wordmark inside the one-row header on a 320px screen.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
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.

1 participant