source/lostplaces/lostplaces_app/static/main.css

@@ -64,7 +64,7 @@
 .LP-Place .LP-Place__Image {
   width: 280px;
   height: 165px;
-  object-fit: cover; }
+  object-fit: fill; }
 
 .LP-Place .LP-Place__Assets {
   display: flex;

source/lostplaces/lostplaces_app/templates/placeList.html

@@ -7,16 +7,14 @@
     <li class="LP-Place__Item">
         <a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
             <article class="LP-Place">
-                <div class="LP-Place__ImageContainer">
-                    <img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" />
-                </div>
+                <img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" />
                 <div class="LP-Place__Assets">
                     <div class="LP-Place__Info">
                         <h3 class="LP-Place__Title">{{place.name}}</h3>
                         <p class="LP-Place__Detail">{{place.location}}</p>
                     </div>
                     <p class="LP-TextSection LP-Place__Description">
-                        {{place.description|truncatechars:250|truncatewords:-1}}
+                        {{place.description}}
                     </p>
 
                     <ul class="LP-Icon__List">