Home Forums WoodMart support forum Grid layout all the same height Reply To: Grid layout all the same height

#359878

Artem Temos
Keymaster

Hello,

Try to replace the previous code with the following one

.products.align-items-start {
    align-items: stretch!important;
}

.website-wrapper .wd-hover-tiled .product-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.website-wrapper .wd-hover-tiled .product-element-bottom {
		flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
}

.website-wrapper .wd-hover-tiled .product-element-bottom > * {
	flex: 1 1 100%;
}

.website-wrapper .wd-hover-tiled .product-element-bottom .star-rating {
	flex: 0 0 auto;
	margin-right: 5px;
}

.website-wrapper .wd-hover-tiled .product-element-bottom .wrapper-reviews-number {
	flex: 0 0 auto;
}

.website-wrapper .wd-hover-tiled .price {
	margin-top: auto;
}

.slider-type-product .owl-stage {
    display: flex;
    align-items: stretch;
}

.slider-type-product .owl-stage .owl-carousel-item,
.slider-type-product .wd-hover-tiled {
	height: 100%;
}

Regards.