Skip to content

docs(readme): constrain image sizes and lay out look-inside as 2-up grid - #18

Merged
johnnyhuy merged 1 commit into
mainfrom
feat/refine-app-design
Jul 27, 2026
Merged

docs(readme): constrain image sizes and lay out look-inside as 2-up grid#18
johnnyhuy merged 1 commit into
mainfrom
feat/refine-app-design

Conversation

@johnnyhuy

Copy link
Copy Markdown
Contributor

Summary

Follow-up to the previous README retake. The screenshots at native resolution flew past the column on GitHub and stacked three portrait-phone shots into a very tall section.

  • Hero: ``, centered, single-line italic caption
  • "A look inside": HTML table with two `` cells; each shot at `` with its caption directly underneath
  • Caps the look-inside section at the height of one phone screenshot (~450pt) instead of three stacked

Consequences

  • No source changes; docs only.
  • README reads as a compact marketing page instead of a phone-sized image wall.
  • Captions are now inline under each shot rather than a separate paragraph below the stack.

Co-authored-by: opencode-agent noreply@opencode.ai

Per the user feedback that the previous README stacked three
portrait-phone shots at native resolution, the screenshots
flew past the column width and ran the page very tall.
This change:
- Hero: width=320, centered with a single-line caption
- 'A look inside': HTML table with two cells, each width=50%,
screenshots at width=280, captions inline beneath each
- Caps the look-inside section at the height of one phone
screenshot (~450pt on retina) instead of three stacked
- Tighter captions under each shot
No source changes.
Co-authored-by: opencode-agent <noreply@opencode.ai>
@johnnyhuy
johnnyhuyforce-pushed the feat/refine-app-design branch from dfeacc0 to e9f05b5CompareJuly 27, 2026 07:10
@johnnyhuy
johnnyhuy merged commit d3813ea into mainJul 27, 2026
6 of 7 checks passed
@johnnyhuy
johnnyhuy deleted the feat/refine-app-design branch July 27, 2026 07:11
johnnyhuy added a commit that referenced this pull request Aug 9, 2026
…rid (#18)
Per the user feedback that the previous README stacked three
portrait-phone shots at native resolution, the screenshots
flew past the column width and ran the page very tall.
This change:
- Hero: width=320, centered with a single-line caption
- 'A look inside': HTML table with two cells, each width=50%,
screenshots at width=280, captions inline beneath each
- Caps the look-inside section at the height of one phone
screenshot (~450pt on retina) instead of three stacked
- Tighter captions under each shot
No source changes.
Co-authored-by: opencode-agent[bot] <219766164+opencode-agent[bot]@users.noreply.github.com>
Sign up for freeto 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

@johnnyhuy