Не могу отцентрировать нормально контент?

Question

[Rem36]

Здравствуйте, не как не могу выровнять контент в карточках с разным контентом.

<div class="container">
  <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
  <div class="inner">
          <div class="text-wrap">
        <h3>Книжная гравюра в живом восприятии</h3>
      <p>Один из ведущих флорентийских художников Кватроченто, основатель художественной династии, которую продолжили его брат Давид и сын Ридольфо.</p>
      </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
  </div>
    </div>
  </div>
  
    <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
      <div class="text-wrap">
        <h3>«Открытая дискуссия». Дмитрий Петров и Сергей Ильин.</h3>
      <p>Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта.</p>
      </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
    </div>
  </div>
  
    <div class="box-wrap">
    <div class="wrap-img">
      
    </div>
    <div class="wrap-cont">
     <div class="text-wrap">
        <h3>Выставка «Формация 2020»</h3>
      <p>Идейные соображения высшего порядка, а также современная методология разработки играет важную роль в формировании глубокомысленных рассуждений.</p>
     </div>
      <div class="a-wrap">
        <a href="">go</a>
      </div>
    </div>
  </div>
</div>

*{
  box-sizing:border-box;
}

.container{
  display: flex;
  justify-content:space-between;
}

.wrap-img{
  max-width:500px;
  height:300px;
  background-color: orange;
  display: flex;
  flex-direction:column;
  justify-content:space-between;
}

.wrap-cont{
  max-width:500px;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
}

.text-wrap{
  display: flex;
  flex-direction:column;
  align-self: start;
}

.box-wrap{
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid red;
}

Comments

[Антон Литвиненко]

В песочницу

[Rem36]

Антон Литвиненко, https://codepen.io/ganareay35/pen/WNpBXYR

[Антон Литвиненко]

Rem36, так а что надо выровнять то? по вертикали, горизонтали, диагонали? это вы знаете а мы то не знаем, формулируйте более точно, можно со скринами

[Rem36]

Антон Литвиненко, так вон видно же что средний двух строчный заголовок выше однострочных заголовков.

[Антон Литвиненко]

Rem36, еще раз повторюсь, то что вы себе там видите, не означает что остальные видят то же самое. у меня например нет двухстрочного заголовка

[Александр]

Выставите вертикальное выравнивание у контейнера:

.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

[Rem36]

Александр, Уже разобрался, спасибо.