diff --git a/website/src/components/TeaserFlow/C.js b/website/src/components/TeaserFlow/C.js
index 8de970b9..21cc77aa 100644
--- a/website/src/components/TeaserFlow/C.js
+++ b/website/src/components/TeaserFlow/C.js
@@ -4,6 +4,7 @@ import ReactFlow, {
Background,
Controls,
addEdge,
+ MiniMap,
} from 'react-flow-renderer';
import TeaserFlow from 'components/TeaserFlow';
@@ -187,6 +188,7 @@ export default () => {
>
+
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index ebd7f329..1d0e48f7 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -118,6 +118,11 @@ const CenterHeadline = styled(CenterContent)`
}
`;
+const GettingStartedWrapper = styled(Box)`
+ max-width: 800px;
+ margin: 0 auto;
+`;
+
const Home = () => {
return (
@@ -165,28 +170,29 @@ const Home = () => {
text="React Flow enables you to build node-based applications. From simple static diagrams to complex interactive editors."
color={baseColors.textLight}
/>
-
- React Flow is published on{' '}
-
- npm
-
- . You can install it via:
-
-
-
- A flow consists of nodes and edges (or just nodes). Together we call
- them elements. You can pass a set of elements as a prop to the
- ReactFlow component. A simple flow could look like this:
-
-
+
+ React Flow is published on{' '}
+
+ npm
+
+ . You can install it via:
+
+
+
+ A flow consists of nodes and edges (or just nodes). Together we
+ call them elements. You can pass a set of elements as a prop to
+ the ReactFlow component. A simple flow could look like this:
+
+ ;`}
- />
-
- You can find a detailed{' '}
- entry point in the docs or
- read our{' '}
-
- blog post
- {' '}
- to get started.
-
+ />
+
+ You can find a detailed{' '}
+ entry point in the docs
+ or read our{' '}
+
+ blog post
+ {' '}
+ to get started.
+
+