Default
This is an example of a 'related products' section. The width of the product container is 100% of it's parent container and has a flex-wrap.
<div class="m-product-grid ">
<h2 class="m-product-grid__title"><!-- title --></h2>
<div class="m-product-grid__content">
<div class="m-product ">
<div class="m-product__link-container">
<a href="<!-- product link -->" class="m-product__link">
<img class="m-product__img" src="<!-- img src -->" alt="<!-- alt text -->"/>
</a>
<div class="a-flag "><!-- flag text --></div>
</div>
<ul class="m-product__info">
<li class="m-product__title">
<h5><!-- product title --></h5>
</li>
<li class="m-product__price">
<!-- ETA label -->
<h6><!-- price text --></h6>
</li>
<li class="m-product__shipping">
<!-- shipping text -->
<div class="a-status ">
<div class="a-status__icon <!-- icon status -->"></div>
<p class="a-status__message"><!-- status text --></p>
</div>
</li>
</ul>
</div>
</div>
</div>