Fixed gradient overflow on larger screen.

Author: Hyperkid123

packages/react-renderer-demo/src/components/landing-page/landing-page-cards.js

@@ -35,6 +35,7 @@ const Form = () => (
 const useStyles = makeStyles(theme => ({
   cardsContainer: {
     backgroundColor: theme.palette.common.white,
+    minHeight: '100vh',
   },
   codeSnippet: {
     margin: '8px 0px',

packages/react-renderer-demo/src/components/layout.js

@@ -52,8 +52,6 @@ const useStyles = makeStyles(theme => ({
   },
   contentWrapper: {
     paddingTop: 86,
-    paddingRight: 32,
-    paddingLeft: 32,
     paddingBottom: 32,
   },
   menuButton: {
@@ -214,10 +212,15 @@ const Layout = ({ children }) => {
               </a>
             </div>
             <div className={ classes.contentWrapper }>
-              { children }
+              <div style={{
+                paddingRight: 32,
+                paddingLeft: 32,
+              }}>
+                { children }
+              </div>
               <ConnectedLinks />
+              <Footer />
             </div>
-            <Footer />
           </main>
         </div>
       </MenuContext.Provider>