fix: fix footer not taking full width of container

[ayeshaa-m]

removed max-width property

[netlify]

✅ Deploy Preview for marvelous-moxie-a6e2fe ready!

Name	Link
🔨 Latest commit	9c203e9
🔍 Latest deploy log	https://app.netlify.com/sites/marvelous-moxie-a6e2fe/deploys/6437aeae1c343600082a1559
😎 Deploy Preview	https://deploy-preview-1714--marvelous-moxie-a6e2fe.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[felix-ico]

@ayeshaa-m I think the max-width is actually needed here, in order to make the footer align with the rest of the "grid" (if you check you will find that --scl-grid-max-width is also used in the header, to keep everything the same size)...so I think we need to double check this, maybe setting up a little app-shell and see how it looks when resizing (you can ping me about this for details).

If we end up removing this, I would also remove the private variable --_max-width-container since it would not be used anywhere else in the component.

[felix-ico]

I just tested it out in chrome and ff, chrome looks good but on FF the footer content isn't yet aligned to the header

CHROME:

FF:

[felix-ico]

LGTM