responsive show page

gauravbalodi123 · Mar 11, 2024 · 48200ed · 48200ed
1 parent 3398e0d
commit 48200ed
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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 %>