Как во flex box при наведении на первый элемент в ряде, сделать так, чтобы только он увеличилася?

Question

[prospekt777]

Как во flex box при наведении на первый элемент в ряде, сделать так, чтобы первый элементы увеличивался в высоте, а второй и третий не увеличивались? Иначе появляются пустое пространство

Comments

[Kataev]

5 раз прочёл и так и не понял, что Вам нужно. Нужно так, как на картинке или нужно так, что бы весь ряд из трех картинок увеличивался?

[Kataev]

Или нужно, что бы не было пустого пространства во втором и третьем столбце при увеличении первого элемента?

[Иван Медведев]

Покажите код, иначе можно только гадать на кофейной гуще. Вариантов может быть много.

[prospekt777]

контейнер
.services
display: flex
justify-content: space-between
flex-wrap: wrap

итем
.services-item
box-shadow: 0px 7px 23.76px 0.24px rgba(0, 0, 0, 0.14)
width: 350px
height: 138px
margin-bottom: 22px
padding: 10px
overflow: hidden
transition: all .3s ease
background: #fff
display: flex
&:hover
position: relative
z-index: 1000
height: 220px