Skip to content

I
inventory-promotion-react
Commit 775cec94 authored by Ben Anderson's avatar Ben Anderson
Browse files
Options

Centered product grid on /products

parent 704e3419
Show whitespace changes
Inline Side-by-side
Showing with 2 additions and 2 deletions
src/component/ProductGrid.jsx
View file @ 775cec94
...@@ -19,7 +19,7 @@ export default function ProductGrid({ productData }) { ...@@ -19,7 +19,7 @@ export default function ProductGrid({ productData }) {
useEffect(() => fetchProducts(), []); useEffect(() => fetchProducts(), []);
return ( return (
<div> <div class="container flex-column d-flex justify-content-center">
<div className="container mt-3 d-flex justify-content-between align-items-center"> <div className="container mt-3 d-flex justify-content-between align-items-center">
<h1 id="title" className="text-center"> <h1 id="title" className="text-center">
Inventory Inventory
...@@ -28,7 +28,7 @@ export default function ProductGrid({ productData }) { ...@@ -28,7 +28,7 @@ export default function ProductGrid({ productData }) {
+ New Product + New Product
</Link> </Link>
</div> </div>
<Container id="prod-grid" className="mt-3"> <Container id="prod-grid" className="mt-3 mx-auto">
<Row xs={1} sm={2} md={3} lg={4}> <Row xs={1} sm={2} md={3} lg={4}>
{products.map((product) => { {products.map((product) => {
return ( return (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment