The Recipe

  • Using the post card builder, add a nested 1/5+4/5 column
  • In the left column and the class name counter and set the width of the column to auto
  • In the right-hand column set the flex layout to row. Add class name of slash
  • Add the following elements to the 4/5 column
    • Text element – dynamic data set to date published
    • Text element – dynamic data set to terms = category
    • Text element – dynamic date set to reading time
    • Spacer set width to 100%
    • Title element – dynamic date set to title and link set to permalink. Add class name title__link

When you add the post cards element to your page, if you want the two-column layout as shown here (top to bottom vs. left to right), add the class list–2col and set the column count in the element settings to 1.

Copy to Clipboard