Как исправить применение цвета к блоку div?

Question

[meta941]

Делаю карточку товара для сайта, хотел сделать приятное выдвижение описания при наведении, но столкнулся с проблемой, что сам размер блока - изменяется, однако цвет заднего фона задаётся лишь в тех местах, где есть текст...

Вот код - https://codepen.io/FaDaQ/pen/ExJKJVa

Help please

Comments

[Айнур Валиев]

верстка изначально ужасная. Так не верстают. Надо полностью переделать. Могу предложить костыль в виде

.product-container:hover .description div {
    height: 315px;
}

но блок дергается

[dim5x]

Мб?

.product-container:hover .description {
    position: absolute;
    padding: 50px;
/*   margin: 50px; */
}

[meta941]

Айнур Валиев, та на самом деле я нашёл способ с абсолютной позицией ещё до того, как получил ответ от dim5x
Вёрсткой стал заниматься недавно, без единого понятия что и как.

Я бы хотел узнать, как обычно верстают, если честно

[Айнур Валиев]

meta941, используй бутстрап, для старта.

Answer 1

[MilaNick]

Посмотри здесь (№2)