HTML5/CSS는 다른 열 상호 높이에 따라 목록 항목을 정렬합니다.

플렉스를 사용하여 목록 항목을 정렬합니다. Flex는 내용에 따라 열을 유연하게 만듭니다. 래퍼는 열을 한 행에 배치합니다.

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

Flex는 기본적으로 요소를 유연하게 만드는 데 도움이 되는 속성입니다.

목록을 아래쪽에 수직으로 정렬하려면 다음을 사용하십시오. -

.col .content {
   margin-top: auto;
}