Bug: Content of Homepage content not aligned properly and over flows on smaller screen

[Timonwa]

Describe the bug.

1. When the homepage is viewed on screens smaller than 375px, the main content overflows from its container.
2. on medium-size screens, the main content and the banner content do not have the same padding/margin.

Describe the steps to reproduce the behaviour.

View the homepage on different screen sizes

Expected behaviour.

The banner and main content are supposed to have the same padding/margin and width. and its contents are not supposed to overflow its container.

Screenshots.

Operating Environment

Windows 10.

Additional Information

Can I work on this issue?

[github-actions]

Hello there Timonwa 👋
Welcome to moja global!💖
Thank you and congratulations 🎉 for opening your very first issue in this project. Moja global fosters an open and welcoming environment for al our contributors.🌸 Please adhere to our Code Of Conduct.
Incase you want to claim this issue, please comment down below! We will try to get back to you as soon as we can.👀
Feel free to join us on moja global Slack by dropping an email here.👩‍💻 We would love to hear your interesting ideas and engage in discussions.💖

[Timonwa]

I would like to work on this issue and make the page more responsive.