fix css

staten-island-tech · Feb 14, 2025 · 88ae7cf · 88ae7cf
1 parent 6f7cd90
commit 88ae7cf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git 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
@@ -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"},