Archived topic
Dynamic Vertical Line Separator
1 reply · Started by Adam on December 14, 2022
Viewing posts 1–2 of 2
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
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.
This archived topic is closed to new replies.
