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