[Support request] Dynamic Vertical Line Separator

[Adam]

Hi,

How do I create a vertical line with equal space between the date and reading time? I can’t just add a static border because as the dates and reading time change the spacing will also need to update? Kinda like what I have for my breadcrumbs

https://realworldinvestor.com/liquid-alternatives/

[David]

Hi there,

Select each of the columns, that you have for your date and your reading time.
In their layout set the flex grow: 0 flex shrink: 1 and flex basis: auto. And then remove the % value from the width field.
This will make the columns fit the content.

Now select the Date headline, and give it equal amount of right padding and right margin eg. 5px.
Then add your right border px value.

[Author]

Posts