Ich habe drei Elemente in einemarticle: das Foto, die Kategorien und dann die Post-Info.

Ich versuche herauszufinden, wie ich das category-Element über die Spalte mit den Post-Informationen stapeln kann (# 2 über # 3, wenn Sie sich das angehängte Foto ansehen), sodass es trotzdem wie zwei 50% -Spalten aussieht Es gibt drei flexible Elemente.

.flexbox {
  display: flex;
}
.featured-image {
  flex: 1;
}
.post-categories {} 
.post-info {
  flex: 1;
}

<article class="flexbox">
  <div class="featured-image" style="background-image: url(img.jpg);"></div>
  <ul class="post-categories">
    <li><a href="/category">Category</a>
    </li>
  </ul>
  <div class="post-info">
    <header>
      <h3 class="post-title"><a href="/post">Post Title</a></h3>
      <p class="timestamp">Posted 1 month ago</p>
    </header>
  </div>
</article>