Finished adding the rest of the content. Adjusted grid and styling.

[funbunch]

Fixes #1298

• Up to date with dev branch
• Branch name follows guidelines
• All PR Status checks are successful
• Peer reviewed and approved

Any questions? See the getting started guide

[funbunch]

Lastest change here:

I still need to adjust mobile layout, but I will need to discuss changing the nav too which isn't responsive it looks like.

[edwinjue]

@funbunch Thanks for providing me with the figma you used to base your changes on. Everything looks spot on. Besides a few minor things, the only feedback I have is just whether @nichhk would like us to inherit more styles from theme.js. If that is the case, we would likely make less use of makeStyles and utilize things like:

• <Typography> components for things like h1, h2 and p styles which are defined here so the style definitions are defined in the central theme.js file

or optionally, within makeStyles, make use of the theme parameter to inherit styles from theme.js, for example:

const useStyles = makeStyles( (theme) => ({
  root: {
    color: theme.palette.text.primary,
    backgroundColor: theme.palette.background,

I will wait until @nichhk confirms this is the approach we are aiming for. And if there is a need for me to show how we could utilize this in future releases, I would be glad to demonstrate. Thanks for considering my perspective

[edwinjue]

can all instances of   be replaced with a single space?

[funbunch]

Not sure what you mean? non breaking space here is to prevent the orphan text.

[edwinjue]

i see. the reason just wasn't clear. but if you find it important to keep those words together this will definitely work

[edwinjue]

Looks good and approved, thanks for considering my feedback!