Fix landing page positioning

caflores1094 · Oct 31, 2016 · cd4249a · cd4249a
1 parent 3e3cd64
commit cd4249a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/client/src/app/Landing.jsx b/client/src/app/Landing.jsx
@@ -23,12 +23,13 @@ const Landing = (props) => {
   const tooltip = (
   <Tooltip id="tooltip"><strong>Start a new Drawmie!</strong></Tooltip>
 );
-{/* this is an instance of a react-boostrap Grid component */}
+
+  // Bootstrap Grid Component
   const gridInstance = (
   <Grid>
     <Row className="show-grid">
       <Col xs={6} md={4}></Col>
-      <Col xs={6} md={4}>
+      <Col xs={6} md={4} className='mid-grid'>
       <div className='drawmie-title'>
         <center>
           <h1 className="headers">Drawmie</h1>

diff --git a/client/styles.css b/client/styles.css
@@ -41,6 +41,10 @@ a{
   color: #681f03;
 }
 
+.mid-grid {
+  margin-top: 20%;
+}
+
 .headers {
   color:white;
 }