AboutPage: Resize the max width of TeamComponent

Author: Jin Ying

src/components/about/PictureWithWriteUpComponent.js

@@ -37,11 +37,11 @@ class PictureWithWriteUpComponent extends Component {
 				<Grid item xs={12} sm={6}>
 					<div className={classes.root}>
 						<Grid container>
-							<Grid item sm={4} lg={3} xl={2}>
+							<Grid item sm={4} lg={3}>
 								<Image filename={i.node.frontmatter.profilePicture.relativePath} classProps={classes.profileImage} />
 							</Grid>
 
-							<Grid item sm={8} lg={9} xl={10} className={classes.info}>
+							<Grid item sm={8} lg={9} className={classes.info}>
 								<Typography variant="body1" className={classes.name}>{i.node.frontmatter.name}</Typography>
 								<Typography variant="body2" className={classes.title}>{i.node.frontmatter.description}</Typography>
 							</Grid>

src/components/about/TeamComponent.js

@@ -9,13 +9,11 @@ import PictureWithNameComponent from './PictureWithNameComponent'
 
 const styles = theme => ({
   root: {
-    position: 'relative',
     padding: '3.5rem 2rem 5rem 2rem',
     [theme.breakpoints.up('md')]: {
       padding: '3.5rem 5rem 5rem 5rem',
-    },
-    [theme.breakpoints.up('lg')]: {
-      padding: '3.5rem 5rem 7rem 5rem',
+      maxWidth: 1440,
+      margin: '0 auto'
     },
   },
   titleDiv: {