I’ve done my best to find the answer to this using google, youtube, and the example project but still can’t figure out how space my nav bar to the right of the page using multiple flex box commands. Any help would be greatly appreciated.
Here’s my code: https://codepen.io/IanGoodman/pen/jOqpZjb
There are several ways to do this. I did it by setting
display: flex and
justify-content: right, but this is not the only way or even the best way, just a quick solution to the immediate problem.
One thing I would not do is set a width on
vw units. Using my solution above, as you narrow the browser then the links squish together because the width of
<ul> is set to
35vw. But changing the width on
<ul> will probably break my solution above. As I said, it was just a quick fix for what you currently have.