From 88ae7cf74c558f058ca85dcc8b9975d1cbca837e Mon Sep 17 00:00:00 2001
From: JessL868 <144480854+JessL868@users.noreply.github.com>
Date: Fri, 14 Feb 2025 14:11:29 -0500
Subject: [PATCH] fix css

---
 app/src/components/GroceryCart.vue | 20 +++++++++++++++++---
 app/src/components/ShopProduce.vue |  1 -
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/src/components/GroceryCart.vue b/app/src/components/GroceryCart.vue
index 6e7084f..d2b2096 100644
--- a/app/src/components/GroceryCart.vue
+++ b/app/src/components/GroceryCart.vue
@@ -1,7 +1,9 @@
 <template>
     <div>
-        <h1>Cart</h1>
-        <h2 v-for="(item, index) in store.cart" :key="index" :index="index">{{ item.name }} - {{ item.cost }}</h2>
+        <div class="container">
+            <h1>Cart</h1>
+            <h2 v-for="(item, index) in store.cart" :key="index" :index="index">{{ item.name }} - {{ item.cost }}</h2>
+        </div>
     </div>
 </template>
 
@@ -10,5 +12,17 @@ import { store } from '../cart.js'
 </script>
 
 <style scoped>
-
+h1 {
+    text-align: center;
+}
+h2 {
+    text-align: center;
+    margin-left: 2rem;
+    object-fit: contain;
+    height: 50rem;
+    width: 50rem;
+}
+.container {
+    margin-top: 10rem;
+}
 </style>
diff --git a/app/src/components/ShopProduce.vue b/app/src/components/ShopProduce.vue
index d525d8f..ac98936 100644
--- a/app/src/components/ShopProduce.vue
+++ b/app/src/components/ShopProduce.vue
@@ -9,7 +9,6 @@
 <script setup>
 import { store } from '../cart.js'
 import ProductCss from '../components/ProductCss.vue'
-import cart from '../components/GroceryCart.vue'
 const products  = [
   {name: "Broccoli (per lb)",
     cost: "$2.99"},