Migrate to render props

1 files changed, 13 insertions, 4 deletions

diff --git a/frontend/pages/signup.js b/frontend/pages/signup.js
index a97d4ed..d0b4135 100644
--- a/frontend/pages/signup.js
+++ b/frontend/pages/signup.js
@@ -1,15 +1,24 @@
 import { Component } from 'react';
+import styled from 'styled-components';
 import withData from '../lib/withData';
 import Signup from '../components/Signup';
 import Signin from '../components/Signin';
 import Page from '../components/Page';
-import RequestReset from '../components/RequestReset';
+import ResetRequest from '../components/ResetRequest';
+
+const Columns = styled.div`
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 50px;
+`;
 
 const SignUpPage = () => (
   <Page>
-    <Signup />
-    <Signin />
-    <RequestReset />
+    <Columns>
+      <Signup />
+      <Signin />
+      <ResetRequest />
+    </Columns>
   </Page>
 );