Home Prevent list containing an image from breaking
 I have the following lay-out on my website: List of products This is actually the Woocommerce product list which is an unordered list. The HTML of the list looks something like this: 
 In order to have this list in 4 columns on desktop, I've added the following CSS: @media screen and (min-width: 1025px) { .four-columns ul.product_list_widget { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } }  However, as you can see by the red arrows in my screenshot, the