{% if resources|length > 0 %}
<div class="latest-items-art">
{% for article in resources %}
<div class="item">
<div class="content">
<a class="header" href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}">
{% if article.images|length > 0 %}
<div class="image">
<img src="{{ article.images[0].path|imagine_filter(filter|default('sylius_small')) }}" alt="{{ article.images[0].path }}">
</div>
{% endif %}
</a>
<div class="description">
<h3>
<a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}" data-disqus-identifier="{{ url('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}">
{{ article.translations['fr_FR'].title }}
</a>
</h3>
</div>
</div>
</div>
{% endfor %}
</div>
<style>
/*.latest-items .item .content{*/
/* display: inline-flex;*/
/* gap: 1rem;*/
/* align-items: center;*/
/* justify-content: start;*/
/*}*/
/*.description a {*/
/* color: black;*/
/*}*/
/*.latest-items{*/
/* display: flex;*/
/* flex-direction: column;*/
/* gap: 1rem;*/
/*}*/
</style>
{% endif %}