{% load sekizai_tags staticfiles thumbnail %}

{% addtoblock "css" strip %}
  <link rel="stylesheet" type="text/css" href="{% static 'cms_shiny/app.css' %}">
{% endaddtoblock %}

<a class="thumbnail" href="{% url 'cms_shiny:shiny_detail' shiny_app.slug %}">

  {% if shiny_app.image %}
    <img src="{{ shiny_app.image.url }}" alt="{{ shiny_app.name }}">
  {% else %}
    <img src="http://placehold.it/300x200">
  {% endif %}

  <div class="caption" >
    <h4 class="group inner list-group-item-heading text-center">
      {{ shiny_app.name }}
    </h4>
  </div>

</a>

{% load sekizai_tags staticfiles thumbnail %}

{% addtoblock "css" strip %}
  <link rel="stylesheet" type="text/css" href="{% static 'cms_shiny/app.css' %}">
{% endaddtoblock %}

<div class="thumbnail">
  <a href="{% url 'cms_shiny:shiny_detail' shiny_app.slug %}">

    {% if shiny_app.image %}
      <img src="{{ shiny_app.image.url }}" alt="{{ shiny_app.name }}">
    {% else %}
      <img src="http://placehold.it/300x200">
    {% endif %}

    <div class="caption" >
      <h4 class="group inner list-group-item-heading text-center">
        {{ shiny_app.name }}
      </h4>
    </div>

  </a>
</div>

Fix elongated thumbnails on Chrome
Fix elongated thumbnails on Chrome
