Bug report
On large screens (≥1024px), the homepage content appears to stick to the edges with no horizontal padding.
Root Cause:
The container uses px-4 lg:px-0, which removes horizontal padding at the lg breakpoint. Since Tailwind’s container class does not include default padding, this results in no spacing on large screens.
Related Commit:
This behavior seems to originate from commit cc4c245 ("Fix hero padding"), where lg:px-0 was introduced.
Steps to Reproduce:
Visit https://formik.org/
View on a screen ≥1024px width
Observe content touching left/right edges
Expected Behavior:
Consistent horizontal padding across screen sizes.
Actual Behavior:
No horizontal padding on large screens.
Additional Info:
Reproducible across browsers
Suggestion:
Consider replacing lg:px-0 with lg:px-8 or removing it.
I’d be happy to submit a PR to fix this if it aligns with the intended design.
Bug report
On large screens (≥1024px), the homepage content appears to stick to the edges with no horizontal padding.
Root Cause:
The container uses px-4 lg:px-0, which removes horizontal padding at the lg breakpoint. Since Tailwind’s container class does not include default padding, this results in no spacing on large screens.
Related Commit:
This behavior seems to originate from commit cc4c245 ("Fix hero padding"), where lg:px-0 was introduced.
Steps to Reproduce:
Visit https://formik.org/
View on a screen ≥1024px width
Observe content touching left/right edges
Expected Behavior:
Consistent horizontal padding across screen sizes.
Actual Behavior:
No horizontal padding on large screens.
Additional Info:
Reproducible across browsers
Suggestion:
Consider replacing lg:px-0 with lg:px-8 or removing it.
I’d be happy to submit a PR to fix this if it aligns with the intended design.