[AFP-47 Shaphen Pangburn]: Adjust formatting to look more even with flexbox

ecom-web/src/components/product-market/product-market.jsx

@@ -35,9 +35,9 @@ export default class ProductMarket extends Component {
         <div className="products-container">
           {this.props.products.map(prod => {
             return (
-              <div className="product-item">
+              <div className="product-item" key={ prod.sku }>
                 {prod.productName ?
-                  <div key={ prod.sku }>
+                  <div>
                     <img id="prod-img" src={ prod.productImageUrl ? prod.productImageUrl : "-no photo-" } />
                     <p id="prod-name">{ prod.productName }</p>
                     <p id="prod-description">{ prod.productDescription }</p>

ecom-web/src/resources/stylesheets/product-market.css

@@ -11,11 +11,12 @@
 }
 
 .products-container {
-    width: 100%;
+    width: 80%;
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
 }
 
 #prod-img {
-    width: 250px;
+    height: 200px;
 }
\ No newline at end of file