[Resolved] Align text left and right

Hi there,

i am trying to achieve the following – a list with 4 rows, underlined with an arrow at the end.

List object 1 ->
_______________________
Longer List object 2 ->
_______________________
and so on

Currently i solved this with a grid – one side the text, the other the arrow. Both with a frame at the bottom for the underline.
I want the arrows to be inline and everthing underlined – but currently this breaks when the screen size is shrinked: the “longer list object” goes into 2 lines (which is fine) – but the arrow and with that the underline does not. So it looks like:
Longer List ->
object 2 __
____________

How would you solve this? Maybe there is a way to have 2 alignments in one text? Or an underline just in between – not done by frame as i currently did.
In general “all” i want is for the underline not to break.

Also – how can i avoid the photo to shrink like that when the screen size is getting smaller (2nd, brownish part of the page). I found an example page here where the side distance shrinks. but couldnt get this to work myself so far.