From 48200ed622bfa648a36a24e890126af5110623f7 Mon Sep 17 00:00:00 2001
From: gauravbalodi123 <balodigaurav0@gmail.com>
Date: Mon, 11 Mar 2024 17:08:20 +0530
Subject: [PATCH] responsive show page

---
 public/css/app.css       | 3 +++
 views/products/index.ejs | 2 +-
 views/products/show.ejs  | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 93b6f81..73ccb9d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -23,8 +23,11 @@ main{
     /* background-color:palegoldenrod; */
     background-color:white;
     border: 1px solid black;
+    
 }
 
+
+
 .show-btn{
     background-color: var(--main-color);
     color:white;
diff --git a/views/products/index.ejs b/views/products/index.ejs
index 17aa63e..1ab5766 100644
--- a/views/products/index.ejs
+++ b/views/products/index.ejs
@@ -66,7 +66,7 @@
                          </span>
                       </h5>
                       <p class="card-text fw-light">
-                        <%= product.desc%>
+                        <%= product.desc.slice(0,60)%>...View Product
                       </p>
                       <% if(product.reviews.length){ %>
                         <p class="text-muted">
diff --git a/views/products/show.ejs b/views/products/show.ejs
index 2e8afbe..a6ed781 100644
--- a/views/products/show.ejs
+++ b/views/products/show.ejs
@@ -7,8 +7,8 @@
             <div class="row">
                 <div class="col-lg-6">
 
-                    <div class="card shadow-sm mx-auto" style="width: 22rem;">
-                        <img src="<%=product.img%>" class="card-img-top" alt="item image">
+                    <div class="card shadow-sm mx-auto" style="width: 30rem; margin-bottom: 100px; margin-top: 30px;">
+                        <img src="<%=product.img%>" class="card-img-top" alt="item image" style="height: 300px;" >
                         <div class="card-body">
                             <h5 class="card-title">
                                 <%= product.name %>