use bootstrap media instead

theme/templates/category.html

@@ -31,12 +31,21 @@
       <div class="container">
         <div class="row no-gutter">
           {% for article in articles|sort(attribute="title") %}
-            <div class="category-item">
+            <div class="media categories">
+              {% if article.image %}
+                <div class="media-left">
                   <a href="/{{ article.url }}">
-                <h3>{{ article.title }}</h3>
+                    <img class="media-object" src="{{ article.image }}">
+                  </a>
+                </div>
+              {% endif %}
+              <div class="media-body">
+                <a href="/{{ article.url }}">
+                  <h4 class="media-heading">{{ article.title }}</h4>
                 </a>
                 <p>{{ article.summary|striptags|e }}</p>
               </div>
+            </div>
           {% endfor %}
         </div>
       </div>