Mobile: Main content area updates

[crystallynnvoss]

Mobile: Main content area updates, addresses ticket #136

Describe the issue you are trying to resolve

Decrease padding, decrease margins to match Figma V2

Describe the changes you've made to resolve the issue

Updates

• [x ] The margins are adjusted for the bulk of the content area (Mission, Background, How we work, What we do) to match to the rest of the margins throughout the page. In the attached picture the red lines are to show margins, for reference.
• [x ] In this area I also left aligned and stretched the text to width. Previously it was centered to the page. Attached 2nd picture to show the previous and new margins/paddings/alignment(I didn't change any files it looks like this was already done)
• [ x] Padding in between each section was also minimized (so we dont have so much unnecessary white space). This is shown by the blue boxes for reference.

Add screenshots of the UI before and after your changes have been made

Before

After

Code Review Checklist

• [ ] Have the package.json or package-lock.json been changed? If so, does the pull request description say why?
• [ ] Has the UI for mobile and desktop been changed, did you test on IphoneXr and desktop views?
• [ ] Does the UI match the requirements in the ticket and designs in figma; does it pass the visual smell test?
• [ ] Have TypeScript files been changed, does the TypeScript pass the smell test?
• [ ] If you don't feel super confident in your review, did you assign someone more senior to double check?

[samvmdev]

This looks great! Approved.