Design=

Hey,

I am trying to align products on my wordpress. Some products are vertical and some products are not aligned.

ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
text-align: center;
list-style: none;
display: list-item;
color: #141412;
line-height: 1.5;
font-family: “Source Sans Pro”, Helvetica, sans-serif;
font-size: 100%;
}

ul.products li.product a {
text-decoration: none;
color: #ca3c08;
}

ul.products li.product a img {
margin-left: auto;
margin-right: auto;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
width: auto;
max-width: 100%;
border: 0;
vertical-align: middle;
}

ul.products li.product a h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
font-family: “arial black”, arial, helvetica, sans-serif;
letter-spacing: -0.070em;
line-height: 1.3;
color: #333333;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

ul.products li.product a .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em;
visibility: collapse;
}

ul.products li.product a .price .amount {
visibility: visible;
}

ul.products li.product a .price .woocommerce-price-suffix {
visibility: visible;
}

ul.products li.product a .price .woocommerce-price-suffix .amount {
display: inline;
white-space: pre;
color: #CCCCCC;
visibility: visible;
}

ul.products li.product a .price .woocommerce-price-suffix .amount::before {
content: ‘\A(‘ !important;
}

ul.products li.product a .price .woocommerce-price-suffix .amount::after {
content: ‘ ekskl. moms)’;
}

The page I need help with: [log in to see the link]