How to properly indent the menu?

Question

css

Hello!
Tell me how to make the indents of the menu items match the layout?
This is a regular unordered list with links inside each li tag. The margin is given to each item li margin-right, but does not match the layout.
The top is like in the layout, the bottom is how it turned out for me.

Answer 1

for menu

display: flex;
justify-content: space-between;

Answer 2

If the overall width of the menu is important for the design, then it should be fixed in size.
And distribute the points inside not by margins (remember that a small systematic error tends to accumulate?), but through flex and space-between.

Answer 3

Probably increase the value of margin-right by 1