Adjust layout content width for responsive sidebar

[GroophyLifefor]

Adjusts content width behavior across breakpoints to better accommodate the sidebar layout and maintain consistent spacing in responsive views.

Video (before/after):

expressjs-web.mp4

[netlify]

✅ Deploy Preview for expressjscom-preview ready!

Name	Link
🔨 Latest commit	56a4dca
🔍 Latest deploy log	https://app.netlify.com/projects/expressjscom-preview/deploys/69bac005e4f39c0007398898
😎 Deploy Preview	https://deploy-preview-2208--expressjscom-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 99 (🟢 up 3 from production) Accessibility: 100 (🟢 up 13 from production) Best Practices: 100 (no change from production) SEO: 100 (🟢 up 6 from production) PWA: 80 (🟢 up 50 from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[bjohansebas]

It's not using the full width

[GroophyLifefor]

It's not using the full width

@bjohansebas The 16px margin was solving an initial issue, but the media queries I added later had already resolved it. I don’t think the 16px margin is still necessary, could you test all the pages again?

[bjohansebas]

lgtm, thanks!