<div class="desktop-menu rounded-lg" id="desktop-products-menu"> <div class="d-inline-flex"> {% for product in products() %} <a class="position-relative product-card d-block" href="{{ path('frontend_product_index', {product: product.slug}) }}"> <img src="{{ product.menuCover.publicUrl }}" alt="{{ product.name }}" class="img-fluid rounded-left"> <div class="abs-fill d-flex align-items-end p-4 rounded-left"> <h3>{{ product.name }}</h3> </div> </a> {% endfor %} </div></div>