Как выровнять цену?

[Massika]

Нужно выровнять цену по нижнему краю карточек, как это сделать?

https://салон-москвы.рф/

[codeKong]

в предыдущий медиазапрос добавьте
 

.product-thumb .price {
	position: absolute;
	color: #444;
	bottom:60px;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
}

 

[kJlukOo]

12 минут назад, Massika сказал:

Нужно выровнять цену по нижнему краю карточек, как это сделать?

https://салон-москвы.рф/

position: absolute;
bottom: 10px; 

 

[codeKong]

@kJlukOo там bottom побольше нужен - оно от низа карточки позиционируется, а не от низа .caption

или .caption сделать relative

Змінено 12 січня 2022 користувачем codeKong

[Massika]

14 минут назад, codeKong сказал:

position: absolute; уезжает весть текст...

.product-thumb .price {
	position: absolute;
	color: #444;
	bottom:60px;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
}

 

 

[codeKong]

@Massika невнимательно читаете. Добавьте это в запрос из предыдущей вашей темы про высоту блоков.

после

@media(min-width:900px) { 

 

[S1mple]

Я бы вообще ограничил высоту названия и описания одинаково для всех карточек, с помощью overflow: hidden. После задал бы min-height для caption и тем самым цена была бы на одном уровне и все выглядело гармонично.

Змінено 12 січня 2022 користувачем S1mple