Flexbox help request

I’m trying to make my portfolio page using Flexbox utilities in Bootstrap 4.
Here’s my pen
Here the Bootstrap documentation

I can’t align the menu stuff on the right of the page neither with the flex-row-reverse, nor with the justify-content-end but the d-flex row is all the width possible.
Can anyone please explain me why?
Thank you!

Hi! If it is navigation bar, you should use navbar class for the menu items.


and alignment for its components.

Hi! Thank you for your reply.
Yes, it will be a menu, but I was trying to draw a mockup to see some effects.
If I like it, then I’ll build it properly.
It’s my first time with flexbox but I can’t understand why it doesn’t work that way… shouldn’t the writes be in the right part of the row?