Merge pull request #9338 from mozilla/updated-article-index-image

added tw-cover class to images
MozillaFoundation · Sep 8, 2022 · 58133bf · 58133bf
2 parents 55ca691 + e974c53
commit 58133bf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/network-api/networkapi/templates/fragments/buyersguide/article_card.html b/network-api/networkapi/templates/fragments/buyersguide/article_card.html
@@ -5,8 +5,8 @@
 {% block article_card_content %}
   <div class="medium:tw-max-w-xs large:tw-max-w-sm medium:tw-shrink-0">
     <a href="{% relocalized_url page.localized.url %}">
-      {% image page.localized.specific.get_meta_image original class="tw-hidden medium:tw-block tw-max-h-[131px] tw-max-w-[255px]" %}
-      {% image page.localized.specific.get_meta_image fill-100x100 class="tw-block medium:tw-hidden tw-min-h-[78px] tw-min-w-[78px] tw-rounded-2xl"%}
+      {% image page.localized.specific.get_meta_image original class="tw-hidden medium:tw-block tw-max-h-[131px] tw-max-w-[255px] tw-object-cover" %}
+      {% image page.localized.specific.get_meta_image fill-100x100 class="tw-block medium:tw-hidden tw-min-h-[78px] tw-min-w-[78px] tw-rounded-2xl tw-object-cover"%}
     </a>
   </div>
 
@@ -21,4 +21,4 @@
       <p class="tw-text-xs medium:tw-text-lg tw-body tw-line-clamp-3 tw-leading-3 medium:tw-leading-6 medium:tw-mt-2">{{ page.specific.localized.get_meta_description }}</p>
     </a>
   </div>
-{% endblock %}
+{% endblock %}