Add styling to success page

johnlinatoc · Sep 4, 2019 · 2270816 · 2270816
1 parent 5619cd0
commit 2270816
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/CheckoutContainer/Cart/Success.js b/src/CheckoutContainer/Cart/Success.js
@@ -29,7 +29,7 @@ class Success extends React.Component {
     const { boardgames } = this.props
 
     return boardgames.map( boardgame => {
-      return boardgame.name
+      return <h3>{boardgame.name}</h3>
     })
   }
 
@@ -38,7 +38,7 @@ class Success extends React.Component {
         <div className='success-container'>
           <h1>Your boardgames are on the way!</h1>
           <p>Purchased:</p>
-          <h3>{this.renderBoardgames()}</h3>
+          {this.renderBoardgames()}
           <Link to="/">
             <div className='continue-button'>
               <img src={Button}/>

diff --git a/src/CheckoutContainer/Cart/cart.css b/src/CheckoutContainer/Cart/cart.css
@@ -236,10 +236,10 @@ color: #FFFFFF;
 }
 
 /* ============ Success Page =============== */
-/* .success-container {
-  display: flex;
-  justify-content: center;
-} */
+.success-container {
+  margin-top: 4%;
+  margin-left: 4%;
+}
 
 /* .success-container h1{
   font-family: lato;