[Formik Website] Responsive layout issue – missing horizontal padding on large screens

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.