[BUG] .ease-container max-width: 1200px has no padding on viewports exactly 1200px wide causing content to touch edges

[dishamaurya081-create]

In core/utilities.css, .ease-container sets max-width: 1200px with padding-left: var(--ease-space-6) and padding-right: var(--ease-space-6). However on viewports that are exactly 1200px wide, the container fills 100% of the viewport but the padding-left and padding-right only apply when width: 100% is active — not when max-width: 1200px kicks in. This means at exactly 1200px viewport width, content touches the very edge of the screen with no breathing room because the internal padding is already part of the 1200px max-width calculation.
Steps to reproduce:

Set browser viewport to exactly 1200px wide.
Place content inside .ease-container.
Observe content sits flush against viewport edge with no visible padding.

Expected: The container should always maintain visible horizontal padding regardless of viewport width matching max-width.
Files affected: core/utilities.css
Labels: bug, component, GSSoC-26, gssoc:approved, level:intermediate

[github-actions]

Hey @dishamaurya081-create! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside submissions/examples/your-feature-name/
• Include demo.html · style.css · README.md in your folder
• Max 2 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡

[github-actions]

🔒 Issue Resolved & Closed.

This issue has been marked as accepted and successfully resolved. Thanks for participating! ✨