Styling Reviews

 WE USE CARDS TO DISPLAY REVIEWS AND APPLY STLING TO IT.

<h4>All Reviews</h4>

    <% for(review of listing.reviews) { %>

ms-margin start mb-margin bottom

    <div class="card col-5 ms-3 mb-4">

      <div class="card-body">

        <p class="card-title"><b>Abhii</b></p>

        <p class="card-text"><%= review.comment %></p>

        <p class="card-text"><%= review.rating %> stars</p>

      </div>

    </div>

    <% } %>

PREVIOUSLY WE HAVE REMOVED BORDERS FOR ALL THE CARDS, BUT HERE WE NEED THEM. HENCE WE RENAME THE PREVIOUS CARD CLASSES TO listing-card  IN index.ejs AND show.ejs

show.ejs

    <div class="card col-6 offset-3 listing-card">

index.ejs

      <div class="card col listing-card">