[codevoyager] fix: restore horizontal padding on lg screens - #4076
[codevoyager] fix: restore horizontal padding on lg screens#4076codevoyager-ai-dev wants to merge 1 commit into
Conversation
…px-8) Replace lg:px-0 with lg:px-8 across all container elements in the website to prevent content from sticking to viewport edges on screens >= 1024px (Tailwind lg breakpoint). Root cause: commit cc4c245 introduced lg:px-0 which removed all horizontal padding at the lg breakpoint. Closes jaredpalmer#4065
|
Someone is attempting to deploy a commit to the Formik Team on Vercel. A member of the Team first needs to authorize it. |
|
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
1 participant
Summary
Fixes a horizontal padding bug on the documentation website where content sticks to viewport edges on screens ≥1024px (Tailwind
lgbreakpoint).Root Cause
Commit cc4c245 (
Fix hero padding) introducedlg:px-0to container elements. Since Tailwind'scontainerclass doesn't add default padding,lg:px-0removes all horizontal padding at thelgbreakpoint whilepx-4only applies belowlg.Fix
Replaced
lg:px-0withlg:px-8across all container elements in the website:website/src/pages/index.tsx(hero + features sections)website/src/pages/docs/[...slug].tsxwebsite/src/pages/users.tsxwebsite/src/pages/blog/index.tsxwebsite/src/components/Footer.tsxwebsite/src/components/Nav.tsxSafety
Pure CSS change — no logic alteration, no side effects.
Closes #4065