The maximum content width is inconsistent across different sections of the website, causing layout inconsistencies and an unpolished user experience.

[ashparshp]

Description

The maximum content width is inconsistent across different sections of the Layer5 main page (layer5.io). This creates an uneven layout and unprofessional appearance. Specifically:

• The hero section has one width
• The "Deploy Faster Together" section appears to have a different width
• The "Manage your Cloud Native mess" section appears to have yet another maximum width
• The integrations showcase "340+ Built-In Integrations" section also has inconsistent width

Expected Behavior

All sections on the main page should maintain a consistent maximum content width to create a cohesive and professional layout. A standard container class should be applied consistently throughout the page.

Screenshots

Environment:

• Host OS: Host OS: macOS
• Browser: Chrome

[dhimanAbhi]

Hi @Ashparshp , I am interested in working on this issue. Could you please assign it to me?

[ashparshp]

@dhimanAbhi, Go ahead!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[krVatsal]

@vr-varad, can you assign this to me?