2 items using same layout

Question

i want to create a layout on my items that every child in my div is aligned same height as it is in the other item div.

i tried doing it with grid:

.textgrid { grid-row: 2; }
    
.profilegrid { grid-row: 1; }
    
.imagesgrid { grid-row: 3; }
    
.deletegrid { grid-row: 4; }
    
.gridhandler { 
  display: grid;
  grid-template-rows: max-content auto min-content max-content;
}

.gridhandler is the div that is a child in the whole list.

does anybody know how i can align all the grid rows at the same height even if one of the texts is longer than one other?

regards, Sebastian