Help I litteraly dont understand what is wrong

Question

Please im litteraly asking the same question 3 times

im trying to make the nav bar on mobile centered and on the pc the nav bar is on the right

code:
https://code.sololearn.com/W7uWky11K1VR/?ref=app

Answer 1

Check out the following link and study it thoroughly: https://tympanus.net/codrops/2013/07/14/justified-and-vertically-centered-header-elements/ cheers!

Answer 2

ul has margin-left by default so the end result would have an offset. you can override it though
also your nav only control the ul and not the li which you're trying to center, you can put the flex centering mehod in ul instead

or another solution
remove ul and li from html. and rely only on <a>
modify css to complement with the removal of ul and li

https://code.sololearn.com/WL3szBl23Up1/?ref=app
https://code.sololearn.com/W54DpmDuzV0j/?ref=app