feat: improve home layout

[carlosstenzel]

Align content

by #1668

[netlify]

✅ Deploy Preview for expressjscom-preview ready!

Name	Link
🔨 Latest commit	117e9e4
🔍 Latest deploy log	https://app.netlify.com/sites/expressjscom-preview/deploys/673e901c6c5a1f000816d643
😎 Deploy Preview	https://deploy-preview-1670--expressjscom-preview.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 configuration.

[bjohansebas]

Please fix the mobile responsiveness

[carlosstenzel]

Please fix the mobile responsiveness

@bjohansebas I made some responsiveness adjustments for mobile

[chrisdel101]

I think the original issue you put up is good idea, but this is what I get now at this width.

Obv the nav squish has nothing to do with your changes

Looking at is a bit more the page setup is pretty weird - this is from before our time.
In my opinion the main page content should have a wrapper where the max-width is set, so like home-conent, but without the nav content in there, announcments and intro should go inside wrapper. Then you can just margin:auto or flex box the content inside the wrapper.

Or however you want to do it.

[carlosstenzel]

I think the original issue you put up is good idea, but this is what I get now at this width.
Obv the nav squish has nothing to do with your changes

I'm not looking at the menu right now at the request of the @bjohansebas

@chrisdel101 I will analyze the other screen sizes, tks

[bjohansebas]

it could be fixed by adding padding to the elements you changed, and please remove the changes to the footer, as this was already done in another PR.

[bjohansebas]

Hi @carlosstenzel, I’ve made some changes to fix some issues with certain screen measurements, and I’ve used grid for the boxes. This improves the responsive design.

Feel free to change it if you don’t think it’s the best approach.

[carlosstenzel]

@bjohansebas

Perfect, thank you.