Может кто-нибудь помочь с проблемой(товар закрывает элементы выпадающего меню)?

Duff1k, если ответ помог, можете отметить решением

Может кто-нибудь помочь с проблемой(товар закрывает элементы выпадающего меню)?

Duff1k, у Вас почему-то в самом HTML-файле для элемента карточки задан стиль, поднимающий его над другими.
Из-за этого карточка и закрывает меню
Этот атрибут нужно удалить.



Рабочий код
https://codepen.io/hisbvdis/pen/aeOadW?editors=1000

Криво отображаются блоки. В чем причина?

Алексей Ларионов , Вы зря к вопросу не добавили тег "Bootstrap". Скорее всего, проблема в нём. А люди, отслеживающие этот тег, могут не увидеть Ваш вопрос

Криво отображаются блоки. В чем причина?

Рустам Байназаров,

Для построения layout'ов float'ы уже давно не надо использовать, если не нужна поддержка браузеров старше IE11. Они никогда для этого не были предназначены и использовались по сути как хак

Я с Вами абсолютно согласен.
Сам только учусь и вижу преимущество Flexbox над Float.
Но есть продукт, сделанный с их использованием.
И лично мне для общего развития интересно было бы понять проблему, поэтому и спрашиваю.

Криво отображаются блоки. В чем причина?

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

Криво отображаются блоки. В чем причина?

Дмитрий , уверены, что это использование правил Flexbox - подходящее решение в данном случае?
Там же Bootstrap используется. Он вроде сам должен располагать элементы

Криво отображаются блоки. В чем причина?

Алексей Ларионов, уточните пожалуйста, какие именно блоки и куда едут? С виду вроде все нормально

Как скомбинировать классы, чтобы при div:hover свойство применялось к нескольким другим div?

надеюсь мой вопрос понятен

К сожалению, нет, не понятен

Кто-нибудь может помочь и объяснить, как установить блок fotorama.io по центру?

Duff1k, в данном случае, помогло центрирование с помощью Flexbox

P.S. В файле стилей .css добавил для класса ".fotorama" 2 свойства

.fotorama {
    display: flex;
    justify-content: center;
}

Как имитировать hover в таблице?

Сбросьте код таблицы в Codepen, чтобы на примере показать решение

Кто-нибудь может помочь и объяснить, как установить блок fotorama.io по центру?

Duff1k, выложите код своей страницы на сервисе Codepen.io, чтобы можно было на Вашем же примере показать решение

Как сверстать 8 элементов в 2 ряда на flexbox?

Виталий, как вариант, да. Тут уже визуально как больше нравится.

Как сверстать 8 элементов в 2 ряда на flexbox?

s0xzwasd, сделал на этом разрешении "space-around". Проверьте. Так лучше?

Как верно добавить тег autoplay?

Вы не CodePen случайно вставили?
Барахлят что-то ссылки на него, вставленные через "плюсик".
Не видно кода
Просто ссылку добавьте в сообщение

Как сделать нормальный якорь?

Выложите HTML и CSS код страницы на CodePen. Так легче будет понять Вашу ситуацию и показать на примере , как именно решить проблему.

Кто-нибудь может помочь и объяснить, как установить блок fotorama.io по центру?

Выложите HTML и CSS код страницы на CodePen. Так легче будет понять Вашу ситуацию и показать на примере , как именно решить проблему.

Как реализовать на css?

nvdfxx, обновил CodePen в ответе

Изображение меньше ячейки сетки, как обрезать его по форме дива?

Лучше разместите пример кода на CodePen.
Более наглядно будет.

Как пропорционально уменьшить высоту элемента?

Дмитрий, если поможет, не забудьте отметить решением.

Многослойная верстка?

ArtyomPLAY, отправил в виде ответа.
Можете пометить решением, если помогло: https://toster.ru/answer?answer_id=1420868#answers...