utmmcss / mcss-website-frontend

MCSS Website Frontend
https://mcss.club
MIT License
0 stars 1 forks source link

Fixed layout across all devices. #49

Closed ploddingpawn closed 1 year ago

ploddingpawn commented 1 year ago

Ticket

[Ticket Link]

What is changed / added

Fixed layout so that it doesn't look weird on tablet.

Screenshots

Mathematical WHAT WE DO

netlify[bot] commented 1 year ago

Deploy Preview for mcss-website ready!

Name Link
Latest commit 11561c3a124e1927ff617bd68bcd2f45d7f5db67
Latest deploy log https://app.netlify.com/sites/mcss-website/deploys/6375870a33f1c700080a6c9d
Deploy Preview https://deploy-preview-49--mcss-website.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

anthonytedja commented 1 year ago

There are some overflowing and overlaying bugs on mobile screens

image image

anthonytedja commented 1 year ago

We should center the newsletter input and button on smaller screens

image
anthonytedja commented 1 year ago

This isn't as necessary but if we could move the CTA section button underneath executives and associates and then center those two on smaller screens to make it similar to the events button section that would be better

image
ploddingpawn commented 1 year ago

I still can't seem to see the overlaying issue with the DH picture so I'm not sure what I can do about that. I did fix the overflowing issue, put the 'Join Us' button under 'executives' and 'associates' for mobile, and centered the newsletter input/button on smaller screens. I also double-checked tablet view after these fixes and it looks ok to me.

image WHAT WE DO image

Let me know if there are any other issues!