STYLING SHOW LISTING
SHOW.EJS
<%- layout("/layouts/boilerplate") %>
<body>
<div class="row mt-3">
<div class="col-8 offset-2">
<h2>Listing Details</h2>
</div>
<div class="card col-6 offset-3">
<img
src="<%=listing.image%>"
class="card-img-top show-img"
alt="listing-img"
/>
<div class="card-body">
<div class="card-text">
<b><%=listing.title%></b><br />
<%= listing.description %><br>
₹<%= listing.price.toLocaleString("en-IN") %><br />
<%= listing.location %><br />
<%= listing.country %>
</div>
</div>
</div>
<br>
<div class="btns">
<form method="get" action="/listings/<%= listing._id %>/edit">
<button class="btn btn-dark offset-2 edit-btn">EDIT</button>
</form>
<br /><br />
<form method="post" action="/listings/<%= listing._id %>?_method=delete">
<button class="btn btn-dark offset-2 dlt-btn">DELETE</button>
</form>
</div>
</div>
</body>
STYLE.CSS
/* SHOW LISTING */
.show-img{
height: 30VH;
}
.btns{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
Comments
Post a Comment