You may notice that when you add products to a collection page, they are all different heights and do not format properly. There is an easy piece of code to style those images so that they are all the same height and will align into perfect rows on your page.
style="height:200px;" Placed in the product-loop snippet on the template editor <div class="image"> <a href="{{ url }}"> <img src="{{ product.featured_image | product_img_url: 'large' }}" alt="{{ product.title | escape }}" style="height:200px;" /> </a> </div>
BlackMilk clothing is incredible and your images will begin to align like theirs

How to make all of your product images the same size