landing page structure

2021-01-11 10:13:57 +01:00
parent ac2b4bd4e3
commit 10d993608f
25 changed files with 752 additions and 91 deletions
@@ -9,6 +9,7 @@ const useStyles = makeStyles((theme) => ({
    minHeight: 'calc(100vh-128px)',
    paddingTop: '2rem',
    paddingBottom: '2rem',
+    // flex: 1,
    fallbacks: [
      { minHeight: '-moz-calc(100% - 128px)' },
      { minHeight: '-webkit-calc(100% - 128px)' },
@@ -22,13 +23,19 @@ const Main = (props) => {
  const classes = useStyles();

  return (
-    <div
-      style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}
-    >
-      <Header />
-      <Container className={classes.container} maxWidth='xl'>{children}</Container>
-      <Footer />
-    </div>
+    <>
+      <div
+        style={{
+          minHeight: '100vh',
+          display: 'flex',
+          flexDirection: 'column',
+        }}
+      >
+        <Header />
+        <Container className={classes.container}>{children}</Container>
+        <Footer />
+      </div>
+    </>
  );
 };