Skip to content

Fix #712: make guide tables scroll on narrow layouts - #798

Open
arpitjain099 wants to merge 1 commit into
18F:mainfrom
arpitjain099:fix/table-responsive-scroll
Open

Fix #712: make guide tables scroll on narrow layouts#798
arpitjain099 wants to merge 1 commit into
18F:mainfrom
arpitjain099:fix/table-responsive-scroll

Conversation

@arpitjain099

@arpitjain099 arpitjain099 commented Jun 24, 2026

Copy link
Copy Markdown

Fixes #712

Added a small table style override in .usa-prose so table content can scroll horizontally when the content is wider than the page.

What this does:

  • keeps tables at least as wide as their container (min-width: 100%)
  • allows wider tables to keep their natural width (width: max-content)
  • enables horizontal scrolling on the table itself (overflow-x: auto)

This avoids clipped table content on narrow desktop layouts while preserving existing table markup.

Verification:

  • npm run build

Signed-off-by: Arpit Jain <arpitjain099@gmail.com>
@arpitjain099
arpitjain099 requested a review from a team as a code owner June 24, 2026 02:29
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.

[Request]: Improve responsiveness of tables

1 participant