layout responsivo 2ª parte

frontend/src/components/MainContainer/index.js

@@ -3,29 +3,31 @@ import React from "react";
 import { makeStyles } from "@material-ui/core/styles";
 import Container from "@material-ui/core/Container";
 
-const useStyles = makeStyles(theme => ({
-	mainContainer: {
-		flex: 1,
-		padding: theme.spacing(2),
-		height: `calc(100% - 48px)`,
-	},
+const useStyles = makeStyles((theme) => ({
+  mainContainer: {
+    flex: 1,
+    // padding: theme.spacing(2),
+    // height: `calc(100% - 48px)`,
+    padding: 0,
+    height: "100%",
+  },
 
-	contentWrapper: {
-		height: "100%",
-		overflowY: "hidden",
-		display: "flex",
-		flexDirection: "column",
-	},
+  contentWrapper: {
+    height: "100%",
+    overflowY: "hidden",
+    display: "flex",
+    flexDirection: "column",
+  },
 }));
 
 const MainContainer = ({ children }) => {
-	const classes = useStyles();
+  const classes = useStyles();
 
-	return (
-		<Container className={classes.mainContainer}>
-			<div className={classes.contentWrapper}>{children}</div>
-		</Container>
-	);
+  return (
+    <Container className={classes.mainContainer} maxWidth={false}>
+      <div className={classes.contentWrapper}>{children}</div>
+    </Container>
+  );
 };
 
 export default MainContainer;