<link rel="stylesheet" href="{{ url_for('static', filename='css/products.css') }}">

<div class="product-container">
    {% if products != None %}
        {% for product in products %}
            <a href="/products/{{product.id}}" class="product product-link">
                <div class="product-title">{{product.name}}</div>
                    <div class="product-information">
                        <div class="product-image">
                            <img src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks" height="auto" width="150px" />
                        </div>
                        <div class="product-details">
                            <div class="product-price">£{{product.cost}}</div>
                            <div class="product-description hide-overflow ">{{product.description}}</div>
                        </div>
                    </div>
                <div class="product-add-to-cart"></div>
            </a>
        {% endfor %}
    {% endif %}
</div>