Съезжает товар в рекомендуемые и новинки

[MinakoMino]

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

Скрытый текст

 

http://nikitka-family.ru/

 

Картинки, код и логи убирайте под спойлер.

[jaffagold]

1). для начала

Так

#logo {

   width: 1150px; 

}

делать не надо.

И такой детализованный логотип не стоит делать тоже.

Логотип= это ЛОГОТИП.

А картинка на фоне шапки сайта- это картинка на фоне.

Две большие разницы.

2). Блоки карточек товара выстраиваются друг за другом из=за свойства float: left;

После заполнения ряда, следующая карточка проваливается на ряд ниже и скользит в левую сторону.

Если высота блоков в предыдущем ряду разная, то она может не доскользить до начала ряда, а зацепиться за одну из карточек.

Решение:

1).  Использование скрипта, выравнивающего все блоки по высоте.

2).  С помощью стилей задать высоту блоков равную максимальной высоте карточек товаров. Повторить эту процедуру для различных разрешений экрана с медиазапросами.