How can I get all elements on the same line?

Question

Sass

I have all blocks of different heights and I center align the elements, but they are not on the same line.
How can this be solved, please tell me?

&__bottom-hover{
    position: absolute;
    display: flex;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }

Answer 1

attach a normal code, or better, drop it on the codepen
align-items: center;