Почему не отрабатывает картинка по ховеру?

Question

[olya_097]

на 31 строке в css

и как выровнять чтобы .gallery__item были на одном уровне?

https://codepen.io/Olya097/pen/eYOadWP

Answer 1

[Сергей delphinpro]

Comments

[olya_097]

Сергей delphinpro , извините
Но не то
нужно типо такого
Я ж поэтому и сказала, что итемы одной высоты
А не блок картинки

[Сергей delphinpro]

olya_097, по-моему, это классический masonry, реализуется скриптом.

[olya_097]

Сергей delphinpro, тоесть по другому никак нельзя?
а на ховер не смотрели?

[Сергей delphinpro]

olya_097, ховер работает. не понял о чем вы.

По другому как. Если у вас всегда там шесть блоков и их нужно вписать, то сделайте своим item display:flex, flex-direction: column.

[olya_097]

Сергей delphinpro, та врядли всегда
они будут еще добавлять
+ будут картинки менять

при ховере не появляется картинка по центру артикни

[Сергей delphinpro]

olya_097,

при ховере не появляется картинка по центру картикни

1. у тега img нет псевдоэлементов
2. нужно писать :hover::after {} (но для оберточного дива)

[olya_097]

Сергей delphinpro, тогда в адаптиве будет косяк при ховере

[Сергей delphinpro]

olya_097, у img нет псевдоэлементов и точка. они в любом случае буду у обертки. Отсюда и решайте дальше проблему.

[olya_097]

Сергей delphinpro, спасибо

[olya_097]

Сергей delphinpro, https://codepen.io/Olya097/pen/gOYJexJ
сделала через масонри

Но растояние не применилось
column-gap: 30px

и почему то не гибко если еще изображение добавлять