How to orgenize vertical project text links with a div line animation in the center

Hey Guys,
I’m trying to create this link list with the div line appear on hover, but having a struggle with setting it up. I would like the div line to take the size of the text I’m putting in.

Example video https://www.youtube.com/watch?v=Uz9kpdm0hAw

and I want to align the list to the center of the page, witch requires me to use flexbox…
but then - the link boxes get horizontal to each other so its not working.
and when I make it “vertical option” on flex - the box itself gets bigger than the text…

can you please explain what I’m doing wrong here??


Here is my site Read-Only: LINK
(how to share your site Read-Only link)